解决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 getJSON()+.ashx 实现分页(改进版)
Mar 28 Javascript
基于JavaScript实现继承机制之调用call()与apply()的方法详解
May 07 Javascript
javascript不同类型数据之间的运算的转换方法
Feb 13 Javascript
javascript控制图片播放的实现代码
Jul 29 Javascript
Javascript打印局部页面实例
Jun 21 Javascript
JS 数字转换为大写金额的简单实例
Aug 04 Javascript
js实现带缓动动画的导航栏效果
Jan 16 Javascript
微信小程序开发之IOS和Android兼容的问题
Sep 26 Javascript
浅谈ES6 模板字符串的具体使用方法
Nov 07 Javascript
让Vue也可以使用Redux的方法
May 23 Javascript
bootstrapTable+ajax加载数据 refresh更新数据
Aug 31 Javascript
微信小程序使用for循环动态渲染页面操作示例
Dec 25 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 htmlspecialchars加强版
2010/02/16 PHP
收藏的PHP常用函数 推荐收藏保存
2010/02/21 PHP
php网站被挂木马后的修复方法总结
2014/11/06 PHP
PHP生成图像验证码的方法小结(2种方法)
2016/07/18 PHP
PHP接入微信H5支付的方法示例
2019/10/28 PHP
关于B/S判断浏览器断开的问题讨论
2008/10/29 Javascript
js,jquery滚动/跳转页面到指定位置的实现思路
2014/06/03 Javascript
在JavaScript中构建ArrayList示例代码
2014/09/17 Javascript
jquery实现翻动fadeIn显示的方法
2015/03/05 Javascript
使用jQuery实现图片遮罩半透明坠落遮挡
2015/03/16 Javascript
纯JavaScript代码实现文本比较工具
2016/02/17 Javascript
Bootstrap每天必学之级联下拉菜单
2016/03/27 Javascript
Bootstrap树形菜单插件TreeView.js使用方法详解
2016/11/01 Javascript
Bootstrap中glyphicons-halflings-regular.woff字体报404错notfound的解决方法
2017/01/19 Javascript
javaScript+turn.js实现图书翻页效果实例代码
2017/02/16 Javascript
使用vue制作FullPage页面滚动效果
2017/08/21 Javascript
深入理解ES6之数据解构的用法
2018/01/13 Javascript
p5.js入门教程之键盘交互
2018/03/19 Javascript
vue.js实现插入数值与表达式的方法分析
2018/07/06 Javascript
解决angular2在双向数据绑定时[(ngModel)]无法使用的问题
2018/09/13 Javascript
JS html事件冒泡和事件捕获操作示例
2019/05/01 Javascript
微信小程序 scroll-view 实现锚点跳转功能
2019/12/12 Javascript
python发送伪造的arp请求
2014/01/09 Python
一百多行python代码实现抢票助手
2018/09/25 Python
Python同步遍历多个列表的示例
2019/02/19 Python
详解python之heapq模块及排序操作
2019/04/04 Python
Django REST framework 视图和路由详解
2019/07/19 Python
keras 自定义loss损失函数,sample在loss上的加权和metric详解
2020/05/23 Python
HTML5图片预览实例分享
2014/06/04 HTML / CSS
html5绘制时钟动画
2014/12/15 HTML / CSS
Canvas 帧动画吃苹果小游戏
2020/08/05 HTML / CSS
亚马逊西班牙购物网站:amazon西班牙
2017/03/06 全球购物
四风之害观后感
2015/06/09 职场文书
女性健康知识讲座主持词
2015/07/04 职场文书
机关干部纪律作风整顿心得体会
2016/01/23 职场文书
php双向队列实例讲解
2021/11/17 PHP