解决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中Ajax 缓存带来的影响的解决方法
May 19 Javascript
js简单的弹出框有关闭按钮
May 05 Javascript
JavaScript中匿名函数用法实例
Mar 23 Javascript
jquery实现先淡出再折叠收起的动画效果
Aug 07 Javascript
Web纯前端“旭日图”实现元素周期表
Mar 10 Javascript
ES6生成器用法实例分析
Apr 10 Javascript
javaScript中封装的各种写法示例(推荐)
Jul 03 Javascript
基于 flexible 的 Vue 组件:Toast -- 显示框效果
Dec 26 Javascript
AngularJS与后端php的数据交互方法
Aug 13 Javascript
axios 实现post请求时把对象obj数据转为formdata
Oct 31 Javascript
js实现菜单跳转效果
Dec 11 Javascript
HTML+JS实现在线朗读器
Feb 15 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有序表查找之二分查找(折半查找)算法示例
2018/02/09 PHP
Jquery Ajax学习实例5 向WebService发出请求,返回泛型集合数据的异步调用
2010/03/17 Javascript
jQuery使用技巧简单汇总
2013/04/18 Javascript
jquery必须知道的一些常用特效方法及使用示例(整理)
2013/06/24 Javascript
setTimeout()递归调用不加引号出错的解决方法
2014/09/05 Javascript
JavaScript修改浏览器tab标题小技巧
2015/01/06 Javascript
jquery中one()方法的用法实例
2015/01/16 Javascript
jquery实现邮箱自动填充提示功能
2015/11/17 Javascript
JS中使用DOM来控制HTML元素
2016/07/31 Javascript
JS运动特效之链式运动分析
2018/01/24 Javascript
几个你不知道的技巧助你写出更优雅的vue.js代码
2018/06/11 Javascript
javascript实现图片轮播代码
2019/07/09 Javascript
详解搭建一个vue-cli的移动端H5开发模板
2020/01/17 Javascript
[01:59][TI9趣味视频] 全明星赛奖励
2019/08/23 DOTA
Python对文件操作知识汇总
2016/05/15 Python
python基础教程之匿名函数lambda
2017/01/17 Python
解决python3 Pycharm上连接数据库时报错的问题
2018/12/03 Python
Python 3.3实现计算两个日期间隔秒数/天数的方法示例
2019/01/07 Python
python网络编程之多线程同时接受和发送
2019/09/03 Python
pytorch实现从本地加载 .pth 格式模型
2020/02/14 Python
Django实现列表页商品数据返回教程
2020/04/03 Python
Python导入数值型Excel数据并生成矩阵操作
2020/06/09 Python
Python3利用scapy局域网实现自动多线程arp扫描功能
2021/01/21 Python
详解html5 canvas 微信海报分享(个人爬坑)
2018/01/12 HTML / CSS
英国殿堂级有机护肤品牌:Rodial
2017/04/17 全球购物
美国一家著名的手表在线折扣网站:Discount Watch Store
2020/02/24 全球购物
优秀毕业生自我鉴定
2014/01/19 职场文书
计算机科学系职业生涯规划书
2014/03/08 职场文书
毕业留言寄语大全
2014/04/10 职场文书
公司会议策划方案
2014/05/17 职场文书
生物学专业求职信
2014/07/23 职场文书
党政领导班子四风问题对照检查材料思想汇报
2014/10/02 职场文书
依法行政工作汇报
2014/10/28 职场文书
后天观后感
2015/06/08 职场文书
初中班主任工作随笔
2015/08/15 职场文书
解决hive中导入text文件遇到的坑
2021/04/07 Python