在指定位置獲取元素-JavaScript並將其映射回源HTML

Question

我正在嘗試編寫HTML注釋服務。 因此，我想在用戶單擊的HTML元素上附加注釋。 到目前為止， 這篇文章幫助我找到了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
})