解决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 相关文章推荐
JavaScript获取GridView选择的行内容
Apr 14 Javascript
JavaScript 函数式编程的原理
Oct 16 Javascript
js prototype截取字符串函数
Apr 01 Javascript
javascript 子窗体父窗体相互传值方法
May 31 Javascript
轻松实现jquery手风琴效果
Jan 14 Javascript
详解axios在vue中的简单配置与使用
May 10 Javascript
Node.js中多进程模块Cluster的介绍与使用
May 27 Javascript
深入理解ES7的async/await的用法
Sep 09 Javascript
vuejs实现递归树型菜单组件
Jan 13 Javascript
微信公众平台 发送模板消息(Java接口开发)
Apr 17 Javascript
微信小程序实现倒计时功能
Nov 19 Javascript
vue 给数组添加新对象并赋值
Apr 20 Vue.js
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的Yii框架中的属性(Property)
2016/03/18 PHP
php数组分页实现方法
2016/04/30 PHP
thinkphp框架下404页面设置 仅三步
2016/05/14 PHP
jquery+thinkphp实现跨域抓取数据的方法
2016/10/15 PHP
PHP面向对象程序设计之构造方法和析构方法详解
2019/06/13 PHP
不同浏览器对回车提交表单的处理办法
2010/02/13 Javascript
javascript之Partial Application学习
2013/01/10 Javascript
js实现俄罗斯方块小游戏分享
2014/01/31 Javascript
JS图片自动轮换效果实现思路附截图
2014/04/30 Javascript
使用javascript实现json数据以csv格式下载
2015/01/09 Javascript
AngularJS ng-mousedown 指令
2016/08/02 Javascript
学习vue.js中class与style绑定
2016/12/03 Javascript
Javascript中的神器——Promise
2017/02/08 Javascript
js实现颜色阶梯渐变效果(Gradient算法)
2017/03/21 Javascript
jquery单击文字或图片内容放大并居中显示
2017/06/23 jQuery
jQuery实现动态控制页面元素的方法分析
2017/12/20 jQuery
JavaScript修改注册表实例代码
2020/01/05 Javascript
vue基于Echarts的拖拽数据可视化功能实现
2020/12/04 Vue.js
网红编程语言Python将纳入高考你怎么看?
2018/06/07 Python
使用Python打造一款间谍程序的流程分析
2020/02/21 Python
python图形界面开发之wxPython树控件使用方法详解
2020/02/24 Python
Python学习之路之pycharm的第一个项目搭建过程
2020/06/18 Python
如何利用Python给自己的头像加一个小国旗(小月饼)
2020/10/02 Python
python list的index()和find()的实现
2020/11/16 Python
html5基础教程常用技巧整理
2013/08/20 HTML / CSS
菲律宾旅游网站:Expedia菲律宾
2017/10/11 全球购物
在家更换处方镜片:Lensabl
2019/05/01 全球购物
师范生自荐信
2013/10/27 职场文书
优秀学生自我鉴定范例
2013/12/18 职场文书
标准化管理实施方案
2014/02/25 职场文书
2014年信息宣传工作总结
2014/12/18 职场文书
上课睡觉万能检讨书
2015/02/17 职场文书
演讲稿:态度决定一切
2019/04/02 职场文书
CSS3 制作的书本翻页特效
2021/04/13 HTML / CSS
Go 语言结构实例分析
2021/07/04 Golang
一文了解MYSQL三大范式和表约束
2022/04/03 MySQL