解决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 相关文章推荐
关于ExtJS4.1:快捷键支持的问题
Apr 24 Javascript
JavaScript 数组详解
Oct 10 Javascript
javascript实现仿腾讯游戏选择
May 14 Javascript
JQuery+Ajax实现数据查询、排序和分页功能
Sep 27 Javascript
谈谈Jquery中的children find 的区别有哪些
Oct 19 Javascript
JavaScript中Object.prototype.toString方法的原理
Feb 24 Javascript
AngularJS实现数据列表的增加、删除和上移下移等功能实例
Sep 05 Javascript
微信小程序项目实践之主页tab选项实现
Jul 18 Javascript
详解Angular6 热加载配置方案
Aug 18 Javascript
VUE v-model表单数据双向绑定完整示例
Jan 21 Javascript
如何通过setTimeout理解JS运行机制详解
Mar 23 Javascript
vue 根据选择条件显示指定参数的例子
Nov 09 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
玩家交还《星际争霸》原始码光盘 暴雪报以厚礼
2017/05/05 星际争霸
再说下636单管机
2021/03/02 无线电
php短域名转换为实际域名函数
2011/01/17 PHP
PHP计算加权平均数的方法
2015/07/16 PHP
php车辆违章查询数据示例
2016/10/14 PHP
js鼠标左右键 键盘值小结
2010/06/11 Javascript
jQuery实现鼠标移到元素上动态提示消息框效果
2013/10/20 Javascript
jsPDF导出pdf示例
2014/05/02 Javascript
JSON相关知识汇总
2015/07/03 Javascript
Web性能优化系列 10个提升JavaScript性能的技巧
2016/09/27 Javascript
js实现时间轴自动排列效果
2017/03/09 Javascript
Webpack框架核心概念(知识点整理)
2017/12/22 Javascript
基于vue-simplemde实现图片拖拽、粘贴功能
2018/04/12 Javascript
用原生 JS 实现 innerHTML 功能实例详解
2019/04/03 Javascript
微信小程序日历弹窗选择器代码实例
2019/05/09 Javascript
elementUI 动态生成几行几列的方法示例
2019/07/11 Javascript
js动态添加带圆圈序号列表的实例代码
2021/02/18 Javascript
[03:40]DOTA2英雄梦之声_第01期_炼金术士
2014/06/23 DOTA
[47:50]Secret vs VP 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
Python的字典和列表的使用中一些需要注意的地方
2015/04/24 Python
Django实现组合搜索的方法示例
2018/01/23 Python
详解Python核心对象类型字符串
2018/02/11 Python
在PyCharm环境中使用Jupyter Notebook的两种方法总结
2018/05/24 Python
实例讲解python中的协程
2018/10/08 Python
Python实现简单石头剪刀布游戏
2021/01/20 Python
python 梯度法求解函数极值的实例
2019/07/10 Python
pytorch对梯度进行可视化进行梯度检查教程
2020/02/04 Python
python实现udp聊天窗口
2020/03/31 Python
Python绘制全球疫情变化地图的实例代码
2020/04/20 Python
5分钟快速掌握Python定时任务框架的实现
2021/01/26 Python
浅谈基于Canvas的手绘风格图形库Rough.js
2018/03/19 HTML / CSS
Ellesse英国官网:意大利高级运动品牌
2019/07/23 全球购物
星空联盟C# .net笔试题
2014/12/05 面试题
企业承诺书怎么写
2014/05/24 职场文书
安全标兵事迹材料
2014/08/17 职场文书
中班下学期个人工作总结
2015/02/12 职场文书