Question

我需要在db / localstorage中存储事件目标元素，在重新加载时我需要根据更改更新它们的属性。例如：最初有红色文本，但点击后，需要更改其属性或蓝色。在重新加载时，蓝色应该替换javascript（jQuery）中的红色。问题是，我们无法保证元素是否具有id属性。我们如何在db中存储元素唯一标识符，然后将其用于更新？

$("body *").click(function (evt) {
    console.log($(this), 'this');
    console.log($(evt.target), 'evt target', $(evt.target)[0]);
    $(evt.target).css('color', 'blue');
    //storing event.target in local storage here. with changed property
}

$("body").ready(function() {
    //retrieve elements from db.
});

Answer 1

问题是，我们无法保证元素是否具有id属性。

该程序应该适用于任何页面（任何使用我们SDK的客户）。

没有。简直就是你不能。识别元素的唯一方法是使用ID或某种唯一/组标识符。如果你不能保证它们，你就无法识别它们。

Answer 2

我找到了一种使用https://github.com/fczbkk/css-selector-generator

实现此目的的方法

如何在jQuery中获取事件目标元素的标识符？

2 个答案: