javascript - 使用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>

我想删除有的div

data-card-uid="THIS ONE"

我该怎么做？我知道您可以使用 .remove() 删除相应的 div，但我不确定如何选择合适的。

Answer 1

首先使用 Attribute Equals Selector 选择要删除其父项的元素，然后在 parent() 上调用 remove()。

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