页面加载时的 javascript 检查是否存在具有特定类的跨度（在 <tr> 下），如果不存在则删除整个 <tr>

Question

我正在尝试为我最喜欢的目录列表站点创建自己的greasemonkey 脚本:)

事情并不是它列出的所有内容都对我有益，我检查了网站代码，看起来，每个条目都在

现在，看起来，我只对具有这种格式的那些感兴趣：

<tr class="project-description">
<td colspan="6">
    <div class="project-desc-inner">
        <div class="project-synopsis">
            <p class="trunk8">This is an entry</p>
        </div>
        <div class="project-verification">
            <span class="verfied-badge"> <~~~~~~~~~~ THIS SPAN
                <span class="currency-symbol">$</span>
                <span class="icon-tick"></span>
                Verified
            </span>
        </div>
        <div class="project-actions">
            <a href="#">
                <button class="btn">LOL</button>
            </a>
        </div>
    </div>
</td>
</tr>

如您所见，<span class="verfied-badge"> 的存在会触发它。

我也希望 javascript 在页面加载后处理这个，因为网站也通过 javascript 填充表格。

我知道我的问题还没有解决，但是如果有人能提供一个可以引导我的例子，那就足够了。

非常感谢！

Answer 1

过滤的选择器只调用一次.remove

由于TR 中还有其他与问题无关的span 元素，因此无法编写纯CSS 过滤器选择器字符串（因此我们可以使用.has）来充分过滤元素。但我们不是单独删除每个表格行，而是先过滤它们，然后一次全部删除。

$("tr.project-description").filter(function() {
    return !$("span.verfied-badge", this).length;
}).remove();

Answer 2

$(document).ready(function(){
    $("tr.project-details").each(function(){
       var self = $(this);
       if(self.find("span.verfied-badge").length==0)
           self.remove();
    });

});