javascript - jQuery 根据 div 内的文本删除 5 个特定的 div

Question

有没有办法根据类名中的文本删除 5 个 div。 这是我的 div

<div class='instagram'>
  <div class='name'>John</div>
</div>
<div class='instagram'>
  <div class='name'>Adam</div>
</div>
<div class='instagram'>
  <div class='name'>Adam</div>
</div>
<div class='instagram'>
  <div class='name'>John</div>
</div>
<div class='instagram'>
  <div class='name'>Adam</div>
</div>
<div class='instagram'>
  <div class='name'>Adam</div>
</div>
<div class='instagram'>
  <div class='name'>John</div>
</div>
<div class='instagram'>
  <div class='name'>John</div>
</div>
<div class='instagram'>
  <div class='name'>John</div>
</div>
<div class='instagram'>
  <div class='name'>John</div>
</div>

<div class='instagram'>
  <div class='name'>Adam</div>
</div>
<div class='instagram'>
  <div class='name'>John</div>
</div>
<div class='instagram'>
  <div class='name'>Adam</div>
</div>
<div class='instagram'>
  <div class='name'>Adam</div>
</div>
<div class='instagram'>
  <div class='name'>John</div>
</div>
<div class='instagram'>
  <div class='name'>John</div>
</div>
<div class='instagram'>
  <div class='name'>Adam</div>
</div>
<div class='instagram'>
  <div class='name'>Adam</div>
</div>
<div class='instagram'>
  <div class='name'>John</div>
</div>
<div class='instagram'>
  <div class='name'>John</div>
</div>

正如您在 .instagram div 中看到的那样，有一个 class='name'。我想删除 John 和 Adam 的最后 5 个 div。

我怎样才能做到这一点？

我已经知道如何删除最后 5 个 div。

jQuery('body').find(".instagram:nth-last-child(-n+5)").remove();

但是删除每个名称的最后 5 个 div 对我来说很困难，我们将非常感谢您的帮助。

请注意，这些名称是动态的(约翰和史蒂夫)。这些名称来自 ajax 结果。 :)

谢谢! :)

Answer 1

您可以使用:contains()与 .filter()和 slice()

jQuery('body').find(".name").filter(':contains(John), :contains(Adam)').parent().slice(-5).remove()

演示:Fiddle