解决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 相关文章推荐
js的表单操作 简单计算器
Dec 29 Javascript
javascript 系统文件夹文件操作及参数介绍
Jan 08 Javascript
JavaScript中的常见问题解决方法(乱码,IE缓存,代理)
Nov 28 Javascript
jquery的checkbox,radio,select等方法小结
Aug 30 Javascript
Jil,高效的json序列化和反序列化库
Feb 15 Javascript
JavaScript利用fetch实现异步请求的方法实例
Jul 26 Javascript
JS判断数组那点事
Oct 10 Javascript
小程序实现留言板
Nov 02 Javascript
JS实现滑动插件
Jan 15 Javascript
Vue data的数据响应式到底是如何实现的
Feb 11 Javascript
VUE使用axios调用后台API接口的方法
Aug 03 Javascript
解决Vue中使用keepAlive不缓存问题
Aug 04 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提交表单时判断 if($_POST[submit])与 if(isset($_POST[submit])) 的区别
2011/02/08 PHP
深入理解PHP内核(一)
2015/11/10 PHP
php blowfish加密解密算法
2016/07/02 PHP
Jquery刷新页面背景图片随机变换的实现方法
2013/03/15 Javascript
探讨jQuery的ajax使用场景(c#)
2013/12/03 Javascript
js字符串转换成数字与数字转换成字符串的实现方法
2014/01/08 Javascript
jquery中animate的stop()方法作用实例分析
2015/01/30 Javascript
Jquery代码实现图片轮播效果(一)
2015/08/12 Javascript
使用基于Node.js的构建工具Grunt来发布ASP.NET MVC项目
2016/02/15 Javascript
js解决movebox移动问题
2016/03/29 Javascript
js常用DOM方法详解
2017/02/04 Javascript
JavaScript实现二分查找实例代码
2017/02/22 Javascript
bootstrap table sum总数量统计实现方法
2017/10/29 Javascript
最新Javascript程序员面试试题和解题方法
2017/11/23 Javascript
使用Vue开发动态刷新Echarts组件的教程详解
2018/03/22 Javascript
基于JS实现web端录音与播放功能
2019/04/17 Javascript
微信小程序获取当前位置和城市名
2019/11/13 Javascript
jQuery实现全选、反选和不选功能的方法详解
2019/12/04 jQuery
JS实现轮播图效果
2020/01/11 Javascript
django模板语法学习之include示例详解
2017/12/17 Python
python3 读取Excel表格中的数据
2018/10/16 Python
对Python实现累加函数的方法详解
2019/01/23 Python
flask框架渲染Jinja模板与传入模板变量操作详解
2020/01/25 Python
Keras之自定义损失(loss)函数用法说明
2020/06/10 Python
python正则表达式re.match()匹配多个字符方法的实现
2021/01/27 Python
python实现简单文件读写函数
2021/02/25 Python
CSS3等相关属性制作分页导航实现代码
2012/12/24 HTML / CSS
Darphin迪梵官网: 来自巴黎,植物和精油调制的护肤品牌
2016/10/11 全球购物
数据库笔试题
2013/05/09 面试题
学生拾金不昧表扬信
2014/01/21 职场文书
小学英语教学反思案例
2014/02/04 职场文书
医学类个人求职信范文
2014/02/05 职场文书
2014公安机关纪律作风整顿思想汇报
2014/09/13 职场文书
单位考核鉴定意见
2015/06/05 职场文书
高一作文之暖冬
2019/11/09 职场文书
vue修饰符.capture和.self的区别
2022/04/22 Vue.js