我想在jquery中删除'this'的父项的父项

ws51t4hk 于 2022-12-12 发布在 jQuery

关注(0)|答案(2)|浏览(127)

我在一个div父级中有一个span .icon-trash，在另一个div父级中有一个span .icon-trash，当我单击它以删除.item-append时，我有许多.item-append

<div class="item-append">
           <div class="cont1">
               <img src="">
           </div>
           <div class="cont2">
               <span class="qua">
                   <span class="icon-trash"></span>
                </span>
            </div>
        </div>

我尝试了jQuery，但不知道应该在选择器中放入什么

$('.icon-trash').on('click', function () {
  $(selector).remove();
});

jquery

来源：https://stackoverflow.com/questions/74688344/i-want-to-remove-the-parent-of-the-parent-of-this-in-jquery

2条答案

按热度按时间

4dc9hkyq1#

若要在按一下.icon-trash项目时移除.item-append项目，您可以使用下列程式码：

$('.icon-trash').on('click', function() {
  $(this).closest('.item-append').remove();
});

在上面的代码中，这引用了被单击的.icon-trash元素。closest()方法用于查找与给定选择器匹配的最近祖先元素（在本例中为.item-append）。
或者，您也可以使用下列程式码来达到相同的结果：

$('.icon-trash').on('click', function() {
  $(this).parent().parent().remove();
});

在本例中，使用parent()方法两次，将DOM树从.icon-trash元素向上移动到其父.cont2元素，然后移动到其父.item-append元素，最后删除该元素。

赞(0）回复(0）举报 2022-12-12

rta7y2nd2#

如果您只想从.item-append中删除类，请尝试以下操作

$('.icon-trash').on('click', function () {
    $(this).closest('.item-append').removeClass('item-append');
});

https://api.jquery.com/removeclass/

赞(0）回复(0）举报 2022-12-12

我来回答

我想在jquery中删除'this'的父项的父项

2条答案

相关问题

热门标签

最新问答