我试图做到这一点,所以当我单击退出按钮时,它会遍历父级并选择包装器类,然后删除并添加一个类。

的HTML

<div class="app-icon-container">
     <div class="app-icon-wrapper active">
          <img class="app-icon" src="http://www.antivirus-blog.com/wp-content/uploads/2014/02/google-chrome-logo.png">
     </div>
     <div class="app-hover-window">
          <div class="exit-btn"></div>
     </div>
</div>

jQuery查询

$('.exit-btn').click(function() {
        $(this).closest('.app-icon-wrapper').removeClass('active').addClass('un-active');
    });

===============>>#1 票数:0

.app-icon-wrapper不是.exit-btn的父.exit-btn ,因此.exit-btn closest()无效,它仅对父级有效。
您可以改为获取容器,然后找到包装器

$('.exit-btn').on('click', function() {
    $(this).closest('.app-icon-container')
           .find('.app-icon-wrapper')
           .removeClass('active')
           .addClass('un-active');
});

或类似的东西(不是动态的)

$('.exit-btn').on('click', function() {
     $(this).parent().prev().removeClass('active').addClass('un-active');
});

===============>>#2 票数:0

如果您的exit-btn与包装程序一起使用,则可以使用

$(this).parents('.app-icon-wrapper').remove......

但是在你的情况下

$(this).parent().find('.app-icon-wrapper').remove....

===============>>#3 票数:0

它将更改为以下代码:

$('.exit-btn').click(function() {
    $(this).parent().closest('.app-icon-wrapper').removeClass('active').addClass('un-active');
});

因为您要引用的元素是当前元素父级的同级。 不是本身。

  ask by user3554345 translate from so

未解决问题?本站智能推荐:

9回复

jQuery父级的父级

我目前正在尝试查找元素父级的父级。 我单击了<td> ,我想获得<tr>对象。 为什么“ $(this).parent()。parent()”不起作用? 会怎样 谢谢, 布伦丹 编辑:看来我的语法中的错误是把整个事情扔掉了。 “ $(this)
5回复

jQuery目标父级

我有以下html结构: 我想将“活动”类应用于ID为2的li元素。我尝试了以下操作: 但这似乎不起作用。
2回复

jQuery选择父级

我有这个HTML; 然后点击复选框我有这个jQuery代码; 但它不起作用。 如果我警告html()而不是hide()它是null。 如果我改成它; 它工作正常。 我认为在父母身上放一个选择器会一直向上移动,直到找到具有该类名的父亲。 我不想使用paren
3回复

jQuery选择父级而不是子级

我需要选择父div而不是子div,如何在jQuery中做到这一点。 基本上我想创建一个简单的登录框,当且仅当我单击父div时,它应该隐藏;如果单击子div,则该框不应隐藏。 下面是代码。 jQuery(document).ready(function () { jQuer
3回复

定位父级的子级-jQuery

我在wordpress中有一系列帖子,每个帖子都有隐藏的部分,单击链接即可显示这些部分。 由于无法正常定位该特定帖子的子级,因此作为普通div引用会使所有隐藏的部分立即显示。 $(document).ready(function(){ $("a.headshot").click(f
2回复

jQuery toggleClass父级和子级

我只是了解Javascript和JQuery而无法弄清楚:有没有更短的方法呢? 我很高兴我能使它工作起来,但是肯定不能正常完成...我想切换父类(abcTitle)及其子元素(即按钮)。 感谢您的启发! 为了澄清起见,这里有一些相关的CSS 因此,基本上,单击abc
1回复

jQuery遍历父级和子级

我有一个嵌套的未排序列表,我想在父复选框上放置一个click事件,因此当选中它时,它会检查所有子复选框,反之亦然。 由于某种原因,我只能使选择器获得类型复选框的所有输入...我尝试了多种方式,这就是其中一种。 有什么建议么 ? jQuery的
5回复

到达父级的子级,jQuery

我有以下代码: 我在p类jshowoff-slidelinks中。 我需要的是,单击此p的a时,我转到li类幻灯片内的href。 任何想法? 就像这样,转到父级孩子的href上。 事实是,这是幻灯片代码的一部分,因此li随着幻灯片的移动而不断变化。
2回复

jQuery选择父级父级同级[关闭]

我要选择父级关系。 但是我的Jquery虽然没有任何错误,但是却无法正常工作。 在单击类BLC4上,显示“模态”(在boxmo类中)。 HTML: JQUERY: 不工作 我想在班级上单击blc4父级,然后使用班级mobox
1回复

jQuery .addClass与.each的父级父级var

请看下面的代码: 如您所见,有两个.each()循环,一个循环。 如果第二个条件(第一个条件的子级)满足条件,我想在第一个条件中添加类。 我怎么称呼这个父变量? firstcalenderd.addClass('eventday') -不起作用。