解决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之对系统的toFixed()方法的修正
May 08 Javascript
Jquery选中或取消radio示例
Sep 29 Javascript
禁用页面部分JavaScript不是全部而是部分
Sep 03 Javascript
理解javascript中DOM事件
Dec 25 Javascript
jQuery实现的选择商品飞入文本框动画效果完整实例
Aug 10 Javascript
jQuery+CSS3实现仿花瓣网固定顶部位置带悬浮效果的导航菜单
Sep 21 Javascript
jQuery设置Easyui校验规则(推荐)
Nov 21 Javascript
BootStrap表单验证实例代码
Jan 13 Javascript
ES6新特性六:promise对象实例详解
Apr 21 Javascript
Vue2(三)实现子菜单展开收缩,带动画效果实现方法
Apr 28 Javascript
layui固定下拉框的显示条数(有滚动条)的方法
Sep 10 Javascript
原生js实现自定义滚动条组件
Jan 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获取网页中图片、DIV内容的简单方法
2014/06/19 PHP
php发送与接收流文件的方法
2015/02/11 PHP
使用php转义输出HTML到JavaScript
2015/03/27 PHP
jQuery 事件队列调整方法
2009/09/18 Javascript
jQuery 图片切换插件(代码比较少)
2012/05/07 Javascript
基于jQuery中对数组进行操作的方法
2013/04/16 Javascript
禁止页面刷新让F5快捷键及右键都无效
2014/01/22 Javascript
javascript中parseInt()函数的定义和用法分析
2014/12/20 Javascript
JavaScript中的异常捕捉介绍
2014/12/31 Javascript
JavaScript实现向setTimeout执行代码传递参数的方法
2015/04/16 Javascript
javascript跨域的方法汇总
2015/10/23 Javascript
Angular懒加载机制刷新后无法回退的快速解决方法
2016/08/30 Javascript
详解mpvue中使用vant时需要注意的onChange事件的坑
2019/05/16 Javascript
JS Array.from()将伪数组转换成数组的方法示例
2020/03/23 Javascript
JavaScript indexOf()原理及使用方法详解
2020/07/09 Javascript
python分割和拼接字符串
2013/11/01 Python
用Python将mysql数据导出成json的方法
2018/08/21 Python
详解python实现数据归一化处理的方式:(0,1)标准化
2019/07/17 Python
python绘制彩虹图
2019/12/16 Python
tensorflow安装成功import tensorflow 出现问题
2020/04/16 Python
基于django 的orm中非主键自增的实现方式
2020/05/18 Python
django前端页面下拉选择框默认值设置方式
2020/08/09 Python
Django crontab定时任务模块操作方法解析
2020/09/10 Python
python opencv角点检测连线功能的实现代码
2020/11/24 Python
纯HTML5+CSS3制作图片旋转
2016/01/12 HTML / CSS
css3 transform 3d 使用css3创建动态3d立方体(html5实践)
2013/01/06 HTML / CSS
美津浓美国官网:Mizuno美国
2018/08/07 全球购物
毕业生的自我鉴定
2013/10/29 职场文书
森林防火工作方案
2014/02/14 职场文书
建筑工地标语
2014/06/18 职场文书
刑事和解协议书范本
2014/11/19 职场文书
万能检讨书
2015/01/27 职场文书
医生个人年终总结
2015/02/28 职场文书
2015年八一建军节活动总结
2015/03/20 职场文书
春节随笔
2015/08/15 职场文书
MySQL约束(创建表时的各种条件说明)
2022/06/21 MySQL