Как получить идентификатор целевого элемента события в jQuery?

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

я нашел способ для достижения этой цели, используя https://github.com/fczbkk/css-selector-generator

Answer 2

Проблема в том, что мы не можем гарантировать, если элемент имеет атрибут ID.

Программа должна работать на любой странице (любой клиент, который использует наш SDK).

Нет. Просто вы не можете. Единственный способ идентифицировать элемент - это идентификатор или какой-то уникальный/групповой идентификатор. Если вы не можете гарантировать их, вы не сможете их распознать.