解决jquery无法找到其他父级子集问题的方法


Posted in Javascript onMay 10, 2016

本文为大家分享了jquery无法找到其他父级子集解决方法,供大家参考,具体内容如下
方法一:结合php解决错乱问题,给选择项加入class删除class解决

情况:页面中纯在两个相同的子集和相同的父级元素

$(function(){
   //删除订单功能
   $('.ftTr_delA').live('click',function(){
    //获取roid
    var orid =$(this).attr('orid');

    //传递roid
    ftNum=orid;

    //修改model-ok的属性
    $('.modal-ok').attr('orid',orid);

    //显示模态框
    $('.modal-content').fadeIn(300);

    //背景效果
    $(".jsbg").fadeIn(100);
   })


   //点击确定
   $('.modal-ok').live('click',function(){
    var orid=$(this).attr('orid');

    $.ajax({
     type:"post",
     url:"{{U('People/delOrder')}}",
     data:{orid:orid},
     dataType:'json',
     success:function(phpData){

      if(phpData!=0){
       //隐藏父级
       $('.ftTr'+ftNum).hide(300);

       //显示模态框
       $('.modal-content').fadeOut(300);

       //背景效果
       $(".jsbg").fadeOut(100);
      }
     }
    });

   })
  })
  父级
  <tbody class="ng-scope gqtbody ftTr{{$v['orid']}}" >
  子集
  <td><a href="javascript:;" class="ftTr_delA site_ALink" title="删除" orid="{{$v['orid']}}"></a></td>

方法二:jquery前端页面中选择子集无法删除到子集的其他元素

情况:在页面中只存在一个子集的情况下

$(function(){
    //点击管理父级显示子级管理项
    $('.com-left dd').click(function(){
     //获取下标
     var num =$(this).index();
     //颜色变化效果
     $(this).addClass('chencked').siblings('dd').removeClass('chencked');
     //显示隐藏子级
     $(this).find('.com-ul').show(300).parent('dd').siblings('dd').find('.com-ul').hide(300);
    })

   })

以上就是解决jquery无法找到其他父级子集问题的方法,希望对大家的学习有所帮助。

Javascript 相关文章推荐
基于jquery的无缝循环新闻列表插件
Mar 07 Javascript
jQuery中将函数赋值给变量的调用方法
Mar 23 Javascript
javascript学习笔记(六)数据类型和JSON格式
Oct 08 Javascript
jquery地址栏链接与a标签链接匹配之特效代码总结
Aug 24 Javascript
不间断循环滚动效果的实例代码(必看篇)
Oct 08 Javascript
js实时监控文本框输入字数的实例代码
Jan 18 Javascript
JavaScript 跨域之POST实现方法
May 07 Javascript
在vue项目中使用Jquery-contextmenu插件的步骤讲解
Jan 27 jQuery
Angular脚手架开发的实现步骤
Apr 09 Javascript
微信小程序云开发 搭建一个管理小程序
May 17 Javascript
解决Vue的文本编辑器 vue-quill-editor 小图标样式排布错乱问题
Aug 03 Javascript
一道JS算法面试题——冒泡、选择排序
Apr 21 Javascript
JS组件系列之Bootstrap table表格组件神器【终结篇】
May 10 #Javascript
Bootstrap Fileinput文件上传组件用法详解
May 10 #Javascript
javascript实现的猜数小游戏完整实例代码
May 10 #Javascript
BootStrap文件上传样式超好看【持续更新】
May 10 #Javascript
全国省市二级联动下拉菜单 js版
May 10 #Javascript
js实现的简单图片浮动效果完整实例
May 10 #Javascript
jquery实现点击弹出可放大居中及关闭的对话框(附demo源码下载)
May 10 #Javascript
You might like
php中判断字符串是否全是中文或含有中文的实现代码
2011/09/16 PHP
PHP 将逗号、空格、回车分隔的字符串转换为数组的函数
2012/06/07 PHP
php利用ffmpeg提取视频中音频与视频画面的方法详解
2017/06/07 PHP
PHP pthreads v3下同步处理synchronized用法示例
2020/02/21 PHP
学习ExtJS accordion布局
2009/10/08 Javascript
jquery 页面全选框实践代码
2010/04/02 Javascript
javascript开发随笔一 preventDefault的必要
2011/11/25 Javascript
简单实用的反馈表单无刷新提交带验证
2013/11/15 Javascript
jquery实现类似淘宝星星评分功能有截图
2014/09/15 Javascript
jQuery获取样式中颜色值的方法
2015/01/29 Javascript
JavaScript正则表达式校验与递归函数实际应用实例解析
2017/08/04 Javascript
在Vue项目中使用d3.js的实例代码
2018/05/01 Javascript
详解Vue项目部署遇到的问题及解决方案
2019/01/11 Javascript
微信小程序引入Vant组件库过程解析
2019/08/06 Javascript
解决vue 子组件修改父组件传来的props值报错问题
2019/11/09 Javascript
[03:08]Ti4观战指南上
2014/07/07 DOTA
python查看微信好友是否删除自己
2016/12/19 Python
python 批量修改/替换数据的实例
2018/07/25 Python
python3.6.3转化为win-exe文件发布的方法
2018/10/31 Python
使用python对文件中的单词进行提取的方法示例
2018/12/21 Python
使用python的pexpect模块,实现远程免密登录的示例
2019/02/14 Python
python中的数据结构比较
2019/05/13 Python
python3+PyQt5 自定义窗口部件--使用窗口部件样式表的方法
2019/06/26 Python
pandas读取CSV文件时查看修改各列的数据类型格式
2019/07/07 Python
python绘制雷达图实例讲解
2021/01/03 Python
一款纯css3实现简单的checkbox复选框和radio单选框
2014/11/05 HTML / CSS
开业庆典主持词
2014/03/21 职场文书
周年庆典主持词
2014/04/02 职场文书
借款协议书范本
2014/04/22 职场文书
教师敬业奉献模范事迹材料
2014/05/18 职场文书
施工安全承诺书
2014/05/22 职场文书
开展读书活动总结
2014/06/30 职场文书
2016大学迎新欢迎词
2015/09/29 职场文书
用Python实现屏幕截图详解
2022/01/22 Python
MySQL数据库优化之通过索引解决SQL性能问题
2022/04/10 MySQL
Python 绘制多因子柱状图
2022/05/11 Python