解决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定时器详解及实例
Aug 01 Javascript
把jquery 的dialog和ztree结合实现步骤
Aug 02 Javascript
js 删除数组的几种方法小结
Feb 21 Javascript
extJS中常用的4种Ajax异步提交方式
Mar 07 Javascript
AngularJS 简单应用实例
Jul 28 Javascript
javascript设置文本框光标的方法实例小结
Nov 04 Javascript
通过AngularJS实现图片上传及缩略图展示示例
Jan 03 Javascript
jQuery插件开发发送短信倒计时功能代码
May 09 jQuery
解决vue-router中的query动态传参问题
Mar 20 Javascript
webpack css加载和图片加载的方法示例
Sep 11 Javascript
基于Vue+elementUI实现动态表单的校验功能(根据条件动态切换校验格式)
Apr 04 Javascript
一文带你理解vue创建一个后台管理系统流程(Vue+Element)
May 18 Vue.js
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
Laravel学习教程之request validation的编写
2017/10/25 PHP
Laravel框架模板加载,分配变量及简单路由功能示例
2018/06/11 PHP
JavaScript初学者应注意的七个细节小结
2012/01/30 Javascript
JS中for循序中延迟加载动态效果的具体实现
2013/08/18 Javascript
原生JavaScript实现连连看游戏(附源码)
2013/11/05 Javascript
浅析javascript 定时器
2014/12/23 Javascript
jQuery中append()方法用法实例
2014/12/25 Javascript
javascript常用经典算法实例详解
2015/11/25 Javascript
jQuery实现图片文字淡入淡出效果
2015/12/21 Javascript
浅谈JS中String()与 .toString()的区别
2016/10/20 Javascript
详解React-Native全球化多语言切换工具库react-native-i18n
2017/11/03 Javascript
Vue循环组件加validate多表单验证的实例
2018/09/18 Javascript
react native 原生模块桥接的简单说明小结
2019/02/26 Javascript
基于Vue 实现一个中规中矩loading组件
2019/04/03 Javascript
微信小程序 wepy框架与iview-weapp的用法详解
2019/04/10 Javascript
Vue.directive 实现元素scroll逻辑复用
2019/11/29 Javascript
使用JS来动态操作css的几种方法
2019/12/18 Javascript
[03:56]DOTA2完美大师赛趣味视频之小鸽子和Mineski打台球
2017/11/24 DOTA
[01:59]游戏“zheng”当时试玩会
2019/08/21 DOTA
Python Pandas批量读取csv文件到dataframe的方法
2018/10/08 Python
在python中利用KNN实现对iris进行分类的方法
2018/12/11 Python
python将控制台输出保存至文件的方法
2019/01/07 Python
Django时区详解
2019/07/24 Python
python如何支持并发方法详解
2020/07/25 Python
Python脚本实现Zabbix多行日志监控过程解析
2020/08/26 Python
python 制作磁力搜索工具
2021/03/04 Python
利用CSS3实现炫酷的飞机起飞动画
2016/09/17 HTML / CSS
Cotton On美国网站:澳洲时装连锁品牌
2016/10/25 全球购物
美丽的现代设计家具:2Modern
2018/07/26 全球购物
What's the difference between an interface and abstract class? (接口与抽象类有什么区别)
2012/10/29 面试题
大学生关于奋斗的演讲稿
2014/01/09 职场文书
家长会演讲稿
2014/04/26 职场文书
纪念九一八事变演讲稿1000字
2014/09/14 职场文书
JS继承最简单的理解方式
2021/03/31 Javascript
使用 Apache Superset 可视化 ClickHouse 数据的两种方法
2021/07/07 Servers
sql server删除前1000行数据的方法实例
2021/08/30 SQL Server