解决jquery无法找到其他父级子集问题的方法

 更新时间:2016年05月10日 13:54:29   作者:火红橘子  
这篇文章主要为大家详细介绍了解决jquery无法找到其他父级子集问题的方法,感兴趣的小伙伴们可以参考一下

本文为大家分享了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无法找到其他父级子集问题的方法,希望对大家的学习有所帮助。

相关文章

  • jQuery is()函数用法3例

    jQuery is()函数用法3例

    这篇文章主要介绍了jQuery is()函数用法3例,jQuery的is()函数其实是非常有用的,能不能用好直接决定你的代码是否高效,需要的朋友可以参考下
    2014-05-05
  • jquery判断单选按钮radio是否选中的方法

    jquery判断单选按钮radio是否选中的方法

    这篇文章主要介绍了jquery判断单选按钮radio是否选中的方法,实例分析了加载页面时获取单选按钮ID和点击按钮时获取单选按钮ID两种方法,非常简单实用,需要的朋友可以参考下
    2015-05-05
  • jQuery-Easyui 1.2 实现多层菜单效果的代码

    jQuery-Easyui 1.2 实现多层菜单效果的代码

    早上打开邮箱,一位朋友问我之前JQuery-Easyui 怎么做可以实现多级菜单
    2012-01-01
  • domReady的实现案例

    domReady的实现案例

    下面小编就为大家带来一篇domReady的实现案例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11
  • JQuery获取文本框中字符长度的代码

    JQuery获取文本框中字符长度的代码

    jquery 可以用text()方法来取得字符串,再用length 判断长度,然后用substring()方法格式化截断
    2011-09-09
  • Jquery 获取相同NAME 或者id删除行操作

    Jquery 获取相同NAME 或者id删除行操作

    这篇文章主要介绍了Jquery 获取相同NAME 或者id删除行操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-08-08
  • JavaScript揭秘:实现自动化连连看游戏

    JavaScript揭秘:实现自动化连连看游戏

    这篇文章主要介绍了JavaScript揭秘:实现自动化连连看游戏的相关资料,需要的朋友可以参考下
    2023-11-11
  • 基于jquery的横向滚动条(滑动条)

    基于jquery的横向滚动条(滑动条)

    ASP.Net的GridView本身不带滚动条,可通过Panel实现。但是Windows自带的横向滚动条只支持显示在下方,为了使用方便,需要在上下方都显示横向滚动条。
    2011-02-02
  • 使用JQuery制作简易留言板

    使用JQuery制作简易留言板

    这篇文章主要为大家详细介绍了如何使用JavaScript和JQuery制作简易留言板功能,文中的示例代码讲解详细,有需要的小伙伴可以参考一下
    2016-05-05
  • jquery实现加载更多

    jquery实现加载更多"转圈圈"效果(示例代码)

    这篇文章主要介绍了jquery实现加载更多"转圈圈"效果,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-11-11

最新评论