解决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在IE和Firefox(火狐)的不兼容问题解决方法小结
Apr 13 Javascript
js 获取浏览器版本以此来调整CSS的样式
Jun 03 Javascript
在父页面得到zTree已选中的节点的方法
Feb 12 Javascript
JS中把函数作为另一函数的参数传递方法(总结)
Jun 28 Javascript
JavaScript学习笔记之惰性函数示例详解
Aug 27 Javascript
浅谈Node.js爬虫之网页请求模块
Jan 11 Javascript
详解给Vue2路由导航钩子和axios拦截器做个封装
Apr 10 Javascript
webpack+vue+express(hot)热启动调试简单配置方法
Sep 19 Javascript
vue写h5页面的方法总结
Feb 12 Javascript
通过JQuery,JQueryUI和Jsplumb实现拖拽模块
Jun 18 jQuery
详解从vue-loader源码分析CSS Scoped的实现
Sep 23 Javascript
如何利用JavaScript编写更好的条件语句详解
Aug 10 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调用Linux的命令行执行文件压缩命令
2013/01/27 PHP
CMS中PHP判断系统是否已经安装的方法示例
2014/07/26 PHP
PHP中preg_match函数正则匹配的字符串长度问题
2015/05/27 PHP
php 中的closure用法详解
2017/06/12 PHP
基于php流程控制语句和循环控制语句(讲解)
2017/10/23 PHP
PHP观察者模式实例分析【对比JS观察者模式】
2019/05/22 PHP
Yii框架使用PHPExcel导出Excel文件的方法分析【改进版】
2019/07/24 PHP
基于jquery用于查询操作的实现代码
2010/05/10 Javascript
Javascript实现CheckBox的全选与取消全选的代码
2010/07/20 Javascript
jQuery学习基础知识小结
2010/11/25 Javascript
用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例
2013/06/25 Javascript
jquery显示隐藏input对象
2014/07/21 Javascript
微信小程序实现选项卡功能
2020/06/19 Javascript
vue webpack打包后图片路径错误的完美解决方法
2018/12/07 Javascript
Echarts地图添加引导线效果(labelLine)
2019/09/30 Javascript
python 输出一个两行字符的变量
2009/02/05 Python
使用python绘制人人网好友关系图示例
2014/04/01 Python
Python随机生成数模块random使用实例
2015/04/13 Python
Python安装官方whl包和tar.gz包的方法(推荐)
2017/06/04 Python
python数据结构之链表的实例讲解
2017/07/25 Python
Python模块、包(Package)概念与用法分析
2019/05/31 Python
Python基于yaml文件配置logging日志过程解析
2020/06/23 Python
简单了解如何封装自己的Python包
2020/07/08 Python
Eyeko美国:屡获殊荣的睫毛膏、眼线笔和眉妆
2018/07/05 全球购物
Foot Locker加拿大官网:美国知名运动产品零售商
2019/07/21 全球购物
荣耀商城:HIHONOR
2020/11/03 全球购物
个人自我鉴定写法
2013/11/30 职场文书
志愿者活动总结
2014/04/28 职场文书
公司周年庆典策划方案
2014/05/17 职场文书
教师群众路线教育实践活动个人对照检查材料
2014/11/04 职场文书
优秀教育工作者事迹材料
2014/12/24 职场文书
高中班主任评语
2014/12/30 职场文书
2015毕业生简历自我评价
2015/03/02 职场文书
音乐之声观后感
2015/06/04 职场文书
七年级之家长会发言稿范文
2019/09/04 职场文书
Java使用JMeter进行高并发测试
2021/11/23 Java/Android