javascript - 当它没有唯一标识属性但有 HTML 注释时，如何使用 jQuery 选择 HTML？

Question

我正在为我经常访问的论坛编写自定义脚本。它旨在在我查看看板时从板上删除签名，因为它们会分散注意力且令人讨厌，并且无法在选项中禁用它们。

无论如何，我可以使用有用的 Chrome 扩展程序运行自定义脚本。我能够修改页面的任何部分，其中 HTML 节点具有类、ID，甚至带有一些独特信息的属性，但我似乎无法弄清楚如何使用 jQuery 选择和删除以下 HTML。

    <tr>
      <td colspan="2">
        <!--Signature-->
            <div class="resultText">
                <!-- sig -->
                    <div>Signature text</div>
                <!-- / sig -->

            </div>
      </td>
    </tr>

如果有办法我可以获取 <!--Signature--> 的父级那将是完美的，但我不确定这是否可能。

有一类resultText但是只要有用户输入的文本，就会使用该类，而不仅仅是在签名中。所以我不能捕获那个。

Answer 1

即使在其他地方使用了 resultText 类，我仍然建议使用类选择器作为起点，否则您将在整个文档中寻找注释节点。

从匹配的元素中，你可以得到他们 parent 的contents() , 使用 filter()隔离评论节点(它们的 nodeType 属性等于 8)并将这些节点的值与您的 Signature 字符串进行比较:

$(".resultText").parent().each(function() {
    var $this = $(this);
    var signature = $this.contents().filter(function() {
        return this.nodeType == 8 && this.nodeValue == "Signature";
    });
    if (signature.length) {
        // Signature found, $this is the <td> element.
        $this.closest("tr").remove();  // For example.
    }
});