javascript - 如果div中包含特定字符串，如何删除它？

Question

页面上有一个项目列表，有些是空白的，一个例子是:

<div class="item itemask">
  <div class="tophead">
    <div class="itemnumber">30</div>

    <a class="article" href=""></a>
  </div>
  <div class="bottomhead"> points by <a class="userlink" rel=""></a> ago&nbsp;&nbsp;&nbsp; <a href="/item?id=">discuss</a>
</div>

因此，可以使用 jQuery 或 JavaScript 来查找以下实例: <a class="article" href="">在 div class=item 的任何实例中在页面上，然后删除或隐藏该父项 div的class=item其中包含那段代码？

Answer 1

更新的答案:根据评论中的说明，请尝试以下操作:

$('div.item:has(a.article[href=""])').remove();​

或者这也应该有效:

$('div.item:has(a.article:not([href]))').remove();​

或者，如果您对其中任何一个有问题，请尝试以下操作:

$('div.item a.article').filter(function() {
    return $.trim(this.innerHTML) == '';
}).closest('div.item').remove();​​​​​​​

<小时/>

原始答案:

使用 jQuery:

$('div.item:has(a.article)').remove();

这将选择<div>具有类 item 的元素有一个后代 <a>具有类 article 的元素，然后删除它们。

当然，您可以使用 .hide()相反，如果你喜欢:

$('div.item:has(a.article)').hide();

• http://api.jquery.com/has-selector/
• http://api.jquery.com/remove/
• http://api.jquery.com/hide/

<小时/>

如果您确实只想删除实际的 parent a.article的，那么你会这样做:

$('div.item :has( > a.article)').remove();

这将删除 a.article 的父级而不是带有 .item 的那个类(class)。不确定你的意思。