解决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 相关文章推荐
脚本收藏iframe
Jul 21 Javascript
一个tab标签切换效果代码
Mar 27 Javascript
Bootstrap面板学习使用
Feb 09 Javascript
xmlplus组件设计系列之选项卡(Tabbar)(5)
May 03 Javascript
Iscrool下拉刷新功能实现方法(推荐)
Jun 26 Javascript
angular1.x ui-route传参的三种写法小结
Aug 31 Javascript
vue中axios请求的封装实例代码
Mar 23 Javascript
一文搞懂ES6中的Map和Set
May 20 Javascript
vue实现的请求服务器端API接口示例
May 25 Javascript
vue渲染方式render和template的区别
Jun 05 Javascript
微信小程序实现弹幕墙(祝福墙)
Nov 18 Javascript
JavaScript文档对象模型DOM
Nov 20 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中调用ASP.NET的WebService的代码
2011/04/22 PHP
php实现建立多层级目录的方法
2014/07/19 PHP
php命令行用法入门实例教程
2014/10/27 PHP
最常用的12种设计模式小结
2011/08/09 Javascript
js 获取class的元素的方法 以及创建方法getElementsByClassName
2013/03/11 Javascript
javascript实现倒计时N秒后网页自动跳转代码
2014/12/11 Javascript
原生js实现日期联动
2015/01/12 Javascript
AngularJS入门教程之链接与图片模板详解
2016/08/19 Javascript
微信小程序 详解下拉加载与上拉刷新实现方法
2017/01/13 Javascript
Node.js v8.0.0正式发布!看看带来了哪些主要新特性
2017/06/02 Javascript
新手vue构建单页面应用实例代码
2017/09/18 Javascript
JS中原始值和引用值的储存方式示例详解
2018/03/23 Javascript
详解ECMAScript typeof用法
2018/07/25 Javascript
js常见遍历操作小结
2019/06/06 Javascript
jQuery实现手风琴效果(蒙版)
2020/01/11 jQuery
[49:35]LGD vs OG 2018国际邀请赛淘汰赛BO3 第二场 8.25
2018/08/29 DOTA
Python 文件操作技巧(File operation) 实例代码分析
2008/08/11 Python
Python语言编写电脑时间自动同步小工具
2013/03/08 Python
Python用zip函数同时遍历多个迭代器示例详解
2016/11/14 Python
Python爬虫包 BeautifulSoup  递归抓取实例详解
2017/01/28 Python
Python SQLite3简介
2018/02/22 Python
Python发展史及网络爬虫
2019/06/19 Python
Python Lambda函数使用总结详解
2019/12/11 Python
python实现图像拼接功能
2020/03/23 Python
Python任务调度模块APScheduler使用
2020/04/15 Python
Python读取excel文件中带公式的值的实现
2020/04/17 Python
Python如何定义接口和抽象类
2020/07/28 Python
Clarks鞋法国官方网站:英国其乐鞋品牌
2018/02/11 全球购物
创业计划书模版
2014/02/05 职场文书
冬季安全检查方案
2014/05/23 职场文书
个人授权委托书
2014/09/15 职场文书
四查四看自我剖析材料
2014/09/19 职场文书
推普周国旗下讲话稿
2014/09/21 职场文书
新娘父亲婚礼致辞
2015/07/27 职场文书
Nginx虚拟主机的配置步骤过程全解
2022/03/31 Servers
微软官方消息,在 2023 年 4 月 11 日之后微软将不再为 Office 2013 和 Skype for Business 2015 提供安全更新
2022/04/21 数码科技