Как обратится к объекту из динамически созданного div?

Question

[Paul_Morte]

Добавляю в боди div с классом «superior_magazine_point».
Создаю объект target_obj и хочу прикрепить его к последнему созданному диву.
Передаю все свойства из УЖЕ созданного объекта target в новый объект target_obj...
Я могу вывести свойство target_obj.name , но как мне наладить связь между target_obj и $('.superior_magazine_point:last'), чтобы при нажатии на $('.superior_magazine_point:last') можно было получить значение $('.superior_magazine_point:last').name?

Это нужно для того, чтобы я нажал на созданный див и мог получить доступ к объекту target_obj. Менять его свойства.

Все это будет в цикле, и объект target (вначале кода)= это распарсеный JSON.

var target;
target.name = 'Василий';

$('body').append('<div class="superior_magazine_point"></div>');
var target_obj = $('.superior_magazine_point:last');
for (var key in target ) {
  target_obj[key] = target[key];
}
$('.superior_magazine_point:last').click(function(){
alert( $(this).name ); /// Василия нет
});

Answer 1

[Владимир Проскурин]

Используйте dataset, передавая в него ссылку на объект.

$('#block').data('obj', { a: 10, b: 20});
console.warn($('#block').data('obj').a); // Выведет 10

В нем можно хранить ссылки на объекты, и потом их легко получать через метод data. Также и будете писать $(this).data('obj').name

Comments

[Paul_Morte]

Вот это то что нужно. Теперь можно передать полностью объект и получить ссылку на него при нажатии на элемент и получить ключи, значения

var someObject = ... // Ветка массива (объект JSON) со всеми значениями
$('.someblock').data('obj',  someObject );
$(document).on('click', '.someblock', function(){
  alert( $(this).data('obj').somekey )
})

Answer 2

[Stalker_RED]

У вас target_obj - это не DOM-элемент, а jQuery-обертка, внутри которой есть ссылка на DOM-элемент.
Можете сделать console.log(target_obj[0]) и посмотреть.

При этом $('.superior_magazine_point:last') - это ДРУГАЯ обертка с ссылкой на тот-же самый DOM-элемент. Или на другой, если к моменту этого запроса были еще элементы добавлены.

Можно сделать так:

var newDiv = $('<div class="superior_magazine_point"></div>')
newDiv.data('name', 'Василий')
$('body').append(newDiv)

$(document).on('click', '.superior_magazine_point', function(){
  alert( $(this).data('name') )
})

Comments

[Paul_Morte]

Здорово!