删除特定李

Question

<li class="checkinUserPhotoImageContainer" id=""> 
    <img src="<%=checkin_image['image_url']%>"/> 

    <span class="delChkPhotoImgOut"> 
      <span class="delChkPhotoImg"></span> 
    </span> 

</li> 

<li class="checkinUserPhotoImageContainer" id=""> 
    <img src="<%=checkin_image['image_url']%>"/> 

    <span class="delChkPhotoImgOut"> 
      <span class="delChkPhotoImg"></span> 
    </span> 

</li> 
<li class="checkinUserPhotoImageContainer" id=""> 
    <img src="<%=checkin_image['image_url']%>"/> 

    <span class="delChkPhotoImgOut"> 
      <span class="delChkPhotoImg"></span> 
    </span> 

</li> 
<li class="checkinUserPhotoImageContainer" id=""> 
    <img src="<%=checkin_image['image_url']%>"/> 

    <span class="delChkPhotoImgOut"> 
      <span class="delChkPhotoImg"></span> 
    </span> 

</li> 

现在上课delChkPhotoImgOut被删除按钮使用CSS应用的跨度，我想在那个按钮其父李从UL list.Please删除用户点击帮助我如何做到这一点。

Answer 1

您可以使用.closest()寻父/祖先<li>然后.remove()，就像这样：

$(".delChkPhotoImg").click(function() { 
    $(this).closest("li").remove(); 
}); 

更具体地讲，您可以使用.closest(".checkinUserPhotoImageContainer")为好。更好/更便宜的方法是在这里使用.delegate()父<ul>，像这样：

$("#listID").delegate(".delChkPhotoImg", "click", function() { 
    $(this).closest("li").remove(); 
});