页面上的javascript加载检查是否存在具有特定类的span（下），如果不存在则删除整个

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

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

});

Answer 2

仅调用.remove

的过滤选择器

由于span中的其他TR元素与问题无关，因此无法编写纯CSS过滤器选择器字符串（因此我们可以使用{ {1}}）充分过滤元素。但不是单独删除每个表行，而是先过滤它们并立即将它们全部删除。

.has