刪除特定李

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(); 
});