解决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实现图片轮播效果代码
Sep 03 Javascript
Javascript面向对象编程(三) 非构造函数的继承
Aug 28 Javascript
JQuery获取浏览器窗口内容部分高度的代码
Feb 24 Javascript
上传图片js判断图片尺寸和格式兼容IE
Sep 01 Javascript
浅谈利用JavaScript进行的DDoS攻击原理与防御
Jun 04 Javascript
JavaScript实现为input与textarea自定义hover,focus效果的方法
Aug 21 Javascript
JavaScript实现的多个图片广告交替显示效果代码
Sep 04 Javascript
jQuery实现的自定义弹出层效果实例详解
Sep 04 Javascript
详解Vue快速零配置的打包工具——parcel
Jan 16 Javascript
深入理解基于vue-cli的webpack打包优化实践及探索
Oct 14 Javascript
微信小程序使用 vant Dialog组件的正确方式
Feb 21 Javascript
浅析JavaScript中的变量提升
Jun 01 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实现用户在线时间统计详解
2011/10/08 PHP
PHP输入输出流学习笔记
2015/05/12 PHP
php正则去除网页中所有的html,js,css,注释的实现方法
2016/11/03 PHP
PHP7新特性之抽象语法树(AST)带来的变化详解
2018/07/17 PHP
利用PHP计算有多少小于当前数字的数字方法示例
2020/08/26 PHP
ANT 压缩(去掉空格/注释)JS文件可提高js运行速度
2013/04/15 Javascript
js中关于一个分号的崩溃示例
2013/11/11 Javascript
js Array操作的最简短最容易理解方法
2013/12/09 Javascript
javascript使用switch case实现动态改变超级链接文字及地址
2014/12/16 Javascript
JS+CSS实现可拖动的弹出提示框
2015/02/16 Javascript
6种javascript显示当前系统时间代码
2015/12/01 Javascript
jQuery的选择器中的通配符[id^='code']或[name^='code']及jquery选择器总结
2015/12/24 Javascript
jQuery循环遍历子节点并获取值的方法
2016/04/14 Javascript
jQuery插件Validation快速完成表单验证的方式
2016/07/28 Javascript
Javascript将字符串日期格式化为yyyy-mm-dd的方法
2016/10/27 Javascript
Vue ElementUI之Form表单验证遇到的问题
2017/08/21 Javascript
表格展示利器 Bootstrap Table实例代码
2017/09/06 Javascript
用Webpack构建Vue项目的实践
2017/11/07 Javascript
原生JavaScript实现轮播图
2021/01/10 Javascript
[50:20]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第四局
2016/03/06 DOTA
[01:20:06]TNC vs VG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
从零学Python之引用和类属性的初步理解
2014/05/15 Python
举例讲解Django中数据模型访问外键值的方法
2015/07/21 Python
python构建自定义回调函数详解
2017/06/20 Python
轻量级的Web框架Flask 中模块化应用的实现
2017/09/11 Python
Python使用MD5加密算法对字符串进行加密操作示例
2018/03/30 Python
Stuart Weitzman欧盟:美国奢华鞋履品牌
2017/05/24 全球购物
美国玩具公司:U.S.Toy
2018/05/19 全球购物
新加坡网上美容店:Hermo新加坡
2019/06/19 全球购物
办公室文秘自我鉴定
2013/09/21 职场文书
运动会解说词100字
2014/01/31 职场文书
素食餐饮项目创业计划书
2014/02/02 职场文书
新闻人物通讯稿
2014/10/09 职场文书
小班下学期个人总结
2015/02/12 职场文书
2015年汽车销售员工作总结
2015/07/24 职场文书
观看《杨善洲》宣传教育片心得体会
2016/01/23 职场文书