首页 > 解决方案 > 而不是通过多父遍历来定位e.target的祖先

问题描述

我想隐藏event.target的祖先,
为了实现这一点,我发现要隐藏在多个父遍历中的元素

$(document).ready(function(){
    $(".editCommentLink").on("click", function (e) {
        e.preventDefault();
        $comment = $(e.target).parent()//<a>
                              .parent()//post-menu
                              .parent()//additional-info
                              .parent()//col-md-12
                              .parent()//row
                              .parent()//comment-right
                              ;
        $comment.hide();
    });
})

评论是一个for循环

{% for comment in page.object_list %}
    <div class="comment"> 
       <div class="row">
            ...
            <a class="editCommentLink" href="#">
<span class="glyphicon glyphicon-edit" aria-hidden="true">edit </span></a> 

看起来很笨拙,如何直截了当地解决这样的问题?

标签: jquery

解决方案


你可能会使用$(e.target).closest('.comment')


推荐阅读