特定div的jQuery Parent

Question

所以我有如下的PHP结构：

<div class="top"> 
 <div class="middle">
    <?php echo '<a class="delete" data-post_id="' .$id. '">' ?>
         <div class="delete_button">Delete</div>
    </a>
 </div>
</div>

<!--Different post -->
<div class="top"> 
 <div class="middle">
    <?php echo '<a class="delete" data-post_id="' .$id. '">' ?>
         <div class="delete_button">Delete</div>
    </a>
 </div>
</div>

然后是js。

jQuery('.delete').live('click',function(){
    var post_id = jQuery(this).data("post_id");
    var post  = jQuery(this).parent();   //????????
    jQuery.ajax({
        type : 'POST',
        url  : custom.ajax_url, 
        data : { 'action':'deletePost' , post_id:post_id},
        success : function(data){                       
            post.fadeOut();
        }
    });                 
 });    

因此，如您所见，我有两个具有不同post_id div容器。

使用js，我希望将特定的“ top ” div定位为淡出。

我是否有var post = jQuery(this).parent(); 对？

谢谢

Answer 1

您可以使用

jQuery(this).parents('.top');

要么

jQuery(this).closest('.top');