jQuery的家長對特定的div

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。

與js，我想針對具體的「top」div要淡出。我的var post = jQuery(this).parent();對不對？

感謝

Answer 1

您可以使用

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

或

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