解决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 相关文章推荐
不错的JS中变量相关的细节分析
Aug 13 Javascript
javascript入门基础之私有变量
Feb 23 Javascript
jQuery列表拖动排列具体实现
Nov 04 Javascript
js购物车实现思路及代码(个人感觉不错)
Dec 23 Javascript
详谈JavaScript 匿名函数及闭包
Nov 14 Javascript
jQuery验证元素是否为空的两种常用方法
Mar 17 Javascript
JavaScript编程中window的location与history对象详解
Oct 26 Javascript
一篇文章掌握RequireJS常用知识
Jan 26 Javascript
vue组件文档(.md)中如何自动导入示例(.vue)详解
Jan 25 Javascript
Vue初始化中的选项合并之initInternalComponent详解
Jun 11 Javascript
JS异步宏队列微队列原理详解
Sep 09 Javascript
Javascript异步流程控制之串行执行详解
Sep 27 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 删除无限级目录与文件代码共享
2008/11/22 PHP
php 文件上传类代码
2011/08/06 PHP
PHP实现通过中文字符比率来判断垃圾评论的方法
2014/10/20 PHP
PHP使用pear自带的mail类库发邮件的方法
2015/07/08 PHP
PHP连接MySQL数据库三种实现方法
2020/12/10 PHP
js修改input的type属性问题探讨
2013/10/12 Javascript
JavaScript加入收藏夹功能(兼容IE、firefox、chrome)
2014/05/05 Javascript
浅谈Javascript数组的使用
2015/07/29 Javascript
Javascript数组Array基础介绍
2016/03/13 Javascript
原生JS封装ajax 传json,str,excel文件上传提交表单(推荐)
2016/06/21 Javascript
JavaScript类的写法
2016/09/17 Javascript
微信小程序 生命周期和页面的生命周期详细介绍
2017/01/19 Javascript
Vue中fragment.js使用方法详解
2017/03/09 Javascript
ztree实现权限横向显示功能
2017/05/20 Javascript
Vue SPA单页应用首屏优化实践
2018/06/28 Javascript
vue+echarts实现动态绘制图表及异步加载数据的方法
2018/10/17 Javascript
Vue 3.x+axios跨域方案的踩坑指南
2019/07/04 Javascript
Vue循环中多个input绑定指定v-model实例
2020/08/31 Javascript
vue项目中企业微信使用js-sdk时config和agentConfig配置方式详解
2020/12/15 Vue.js
[48:38]DOTA2亚洲邀请赛 3.31 小组赛 B组 Mineski vs Secret
2018/03/31 DOTA
仅用50行Python代码实现一个简单的代理服务器
2015/04/08 Python
在Django中限制已登录用户的访问的方法
2015/07/23 Python
python中字符串类型json操作的注意事项
2017/05/02 Python
python数据预处理之将类别数据转换为数值的方法
2017/07/05 Python
Django框架之登录后自定义跳转页面的实现方法
2019/07/18 Python
浅谈Python xlwings 读取Excel文件的正确姿势
2021/02/26 Python
英国高端食品和葡萄酒超市:Waitrose
2016/08/23 全球购物
Dr. Martens马汀博士法国官网:马丁靴鼻祖
2020/01/15 全球购物
JSF如何进行表格处理及取值
2012/08/06 面试题
汽车技术服务与营销专业在籍生自荐信
2013/09/28 职场文书
高三自我鉴定
2013/10/23 职场文书
委托书范文
2014/04/02 职场文书
项目合作意向书
2015/05/08 职场文书
python实现调用摄像头并拍照发邮箱
2021/04/27 Python
再谈python_tkinter弹出对话框创建
2022/03/20 Python
通过feDisplacementMap和feImage实现水波特效
2022/04/24 HTML / CSS