Question

我正在尝试编写HTML注释服务。所以我想在用户点击的HTML元素上附加注释。到目前为止this post帮助我找到了HTML元素。但是我想在DOM树中找回元素。

因此，如果我遍历DOM树直到遇到元素，那么我的遍历路径将唯一地标识元素，因此我每次都可以恢复注释，或者浏览器可以不同地构建DOM树并且存在更改浏览器的风险给我带来麻烦？

另一个选项可以是在BODY.innerHTML中查找找到的元素innerHTML的位置。但是，如果我有可重复的元素，我无法提供精确的映射。还有其他建议吗？请不要建议为每个HTML元素添加一些唯一ID，然后使用它。它会膨胀HTML，我想避免它。

Answer 1

建议您使用jquery。

然后可以循环浏览每个匹配元素并使用this在找到时找到所需的元素。

示例：

$('.class-name-of-element').each(function() {
    $(this).css('border','1px solid red'); // or whatever you want to do with it
})