解决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 相关文章推荐
双击滚屏-常用推荐
Nov 29 Javascript
JavaScript中:表达式和语句的区别[译]
Sep 17 Javascript
获取内联和链接中的样式(js代码)
Apr 11 Javascript
javascript中数组的sort()方法的使用介绍
Dec 18 Javascript
jQuery实现友好的轮播图片特效
Jan 12 Javascript
用window.onerror捕获并上报Js错误的方法
Jan 27 Javascript
JavaScript实现的MD5算法完整实例
Feb 02 Javascript
JS闭包与延迟求值用法示例
Dec 22 Javascript
js实现登录注册框手机号和验证码校验(前端部分)
Sep 28 Javascript
vue-cli3 配置开发与测试环境详解
May 17 Javascript
使用jquery-easyui的布局layout写后台管理页面的代码详解
Jun 19 jQuery
JavaScript实现简单验证码
Aug 24 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内存溢出问题的解决方法
2013/06/25 PHP
php中利用explode函数分割字符串到数组
2014/02/08 PHP
浅谈Yii乐观锁的使用及原理
2017/07/25 PHP
浅析JQuery获取和设置Select选项的常用方法总结
2013/07/04 Javascript
JavaScript DOM 编程艺术(第2版)读书笔记(JavaScript的最佳实践)
2013/10/01 Javascript
jQuery菜单插件superfish使用指南
2015/04/21 Javascript
如何用angularjs制作一个完整的表格
2016/01/21 Javascript
js中通过getElementsByName访问name集合对象的方法
2016/10/31 Javascript
Ionic学习日记实现验证码倒计时
2018/02/08 Javascript
js实现按钮开关单机下拉菜单效果
2018/11/22 Javascript
Flutter部件内部状态管理小结之实现Vue的v-model功能
2019/06/11 Javascript
JS字符串与二进制的相互转化实例代码详解
2019/06/28 Javascript
ionic3双击返回退出应用的方法
2019/09/17 Javascript
JS中类的静态方法,静态变量,实例方法,实例变量区别与用法实例分析
2020/03/14 Javascript
微信小程序实现canvas分享朋友圈海报
2020/06/21 Javascript
JS实现简单打字测试
2020/06/24 Javascript
Vue的v-model的几种修饰符.lazy,.number和.trim的用法说明
2020/08/05 Javascript
Nodejs 数组的队列以及forEach的应用详解
2021/02/25 NodeJs
python处理圆角图片、圆形图片的例子
2014/04/25 Python
详解Python当中的字符串和编码
2015/04/25 Python
Python使用try except处理程序异常的三种常用方法分析
2018/09/05 Python
Python中psutil的介绍与用法
2019/05/02 Python
python 求1-100之间的奇数或者偶数之和的实例
2019/06/11 Python
html5需遵循的6个设计原则
2016/04/27 HTML / CSS
雅诗兰黛加拿大官网:Estee Lauder加拿大
2019/07/31 全球购物
汽车驾驶求职信
2013/10/25 职场文书
母亲节演讲稿范文
2014/01/02 职场文书
经典团队口号
2014/06/06 职场文书
学生干部培训方案
2014/06/12 职场文书
先进教育工作者事迹材料
2014/12/23 职场文书
学生会辞职信
2015/03/02 职场文书
2015年转正工作总结范文
2015/04/02 职场文书
幼儿园开学通知
2015/04/24 职场文书
2015暑假打工实践报告
2015/07/13 职场文书
用几道面试题来看JavaScript执行机制
2021/04/30 Javascript
MySQL中你可能忽略的COLLATION实例详解
2021/05/12 MySQL