Javascript 使用JQuery删除基于子元素的div

我有一个类似以下的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>

---

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

首先使用选择要删除其父元素的元素，然后在

父元素（）上调用
remove（）


$（文档）.ready（函数（）{
$（'[data card uid=“THIS ONE”]'）。父级（“.row”）.remove（）；
});

不是我
不是我
这个
不是我
不是我
如果要删除包含内容有数据卡uid=“THIS ONE”的div，请使用：

您需要删除父级。所以

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

看到这里了吗
有没有办法让它更具体？例如，如果行div位于这样的表div中？行div位于此处。当然，您可以扩展选择器。例如，
div.table>div.row>[data card uid=“THIS ONE”]
（
仅选择您可能要忽略此项的直接子项）在选择器中使用
a
，以提高性能
$（'a[data card uid=“THIS ONE”]'）
否则JS引擎需要查看页面上的每个元素。@sixfingeredman应该是
a[data card uid=“THIS ONE”]
，而不是
div
。是的，更新了我的评论。我看错了。如果只需要一个匹配项，则最好使用
querySelector（）
。这样，在找到第一个后，它就会退出。为什么要投否决票？指定要删除的父级不是更好吗？谁知道页面结构将来会发生什么变化。最好从一开始就明确。
$('[data-card-uid="THIS ONE"]').parent().remove();

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

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