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，但我不知道如何选择合适的div。

Answer 1

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

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

Answer 2

如果你想删除div，内容有data-card-uid =“THIS ONE”使用：

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

Answer 3

您需要删除父级。所以

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

在此处查看 JSFiddle

Answer 4

＆＃13;

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

＆＃13;

<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>

＆＃13;

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

4 个答案: