如何在單擊子元素時刪除父元素

Question

如果我點擊其中的子元素，如何刪除ul元素？ 我知道這個ul .remove不是真的，我怎樣才能將「項目」的顏色設置爲紅色？ 我必須使用.find（）

<ul class="w1m"> 
    <li> 
     <div> 
     <img src="img/minus.png" onclick="$(this ul).remove();"/> 
     <img src="img/link.png"/> 
     </div> 
     <div> 
     inspiration 
     </div> 
    </li> 
</ul> 

<ul class="w1m"> 
    <li> 
     <div> 
     <img src="img/minus.png" onclick="$(this ul).remove();"/> 
     <img src="img/link.png"/> 
     </div> 
     <div> 
     projects 
     </div> 
    </li> 
<ul> 
    <li><div><img src="img/minus.png"/><img src="img/link.png"/></div> <div>job board website</div></li> 
    <li><div><img src="img/minus.png"/><img src="img/link.png"/></div> <div>shopping cart</div></li> 
</ul></ul> 

Answer 1

$(this).closest("ul").remove(); 

或者更好的是：

$("ul.w1m").on("click","img[src='img/minus.png']",function(){ 
    $(this).remove(); 
}); 

Answer 2

像這樣：

$(this).closest('ul').remove(); 

Answer 3

$('li').click(function() { 
    $(this).parent().remove(); 
}) 

Answer 4

使用下面的Jquery爲

$(this).closest("ul").remove(); 

Answer 5

首先，您添加處理程序的方式並不理想。在頁面底部的腳本標記中，您應該將此代碼添加到jQuery的ready方法中。

<script> 
    $(document).ready(function() { 

    $('ul.w1m > li').on('click', function() { $(this).parent().remove(); }); 

    }); 
</script> 

在上面的代碼中，this值將是<img>元素，你會試圖選擇孩子 UL是IMG的（這顯然不存在）。另外，當在jQuery中對其他選擇器使用this關鍵字時，您需要將其他選擇器換成引號。 （即$(this+'ul')）。