使用JQuery根據子元素刪除div

Question

我有一個類似於以下內容的div列表：

<div class="row"><a data-card-uid="not me"></a></div>
<div class="row"><a data-card-uid="not me"></a></div>
<div class="row"><a data-card-uid="THIS ONE"></a></div>
<div class="row"><a data-card-uid="not me"></a></div>
<div class="row"><a data-card-uid="not me"></a></div>
<div class="row"><a data-card-uid="not me"></a></div>

我想刪除具有

data-card-uid="THIS ONE"

我怎樣才能做到這一點？ 我知道您可以使用.remove（）刪除相應的div，但是我不確定如何選擇合適的div。

Answer 1

首先使用Attribute Equals Selector選擇要刪除其父元素的元素，然后在parent()上調用remove() parent() 。

$('[data-card-uid="THIS ONE"]').parent().remove();

Answer 2

如果要刪除內容為data-card-uid =“ THIS ONE”的div，請使用：

$('[data-card-uid="THIS ONE"]').parent().remove();

Answer 3

您需要刪除父項。 所以

$('[data-card-uid="THIS ONE"]').parent().remove();

見這里的jsfiddle

Answer 4

 $(document).ready(function() { $('[data-card-uid="THIS ONE"]').parent(".row").remove(); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <div class="row"> <a data-card-uid="not me">not me</a> </div> <div class="row"> <a data-card-uid="not me">not me</a> </div> <div class="row"> <a data-card-uid="THIS ONE">this one</a> </div> <div class="row"> <a data-card-uid="not me">not me</a> </div> <div class="row"> <a data-card-uid="not me"></a> </div> <div class="row"> <a data-card-uid="not me">not me</a> </div>