特定div的jQuery Parent

时间:2015-11-28 11:31:02

标签: javascript php jquery

所以我的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();对吗?

由于

1 个答案:

答案 0 :(得分:1)

您可以使用

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

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