Как получить объект элемента по событию который создан динамически в jquery?

Question

[Mokhirjon Naimov]

Есть следующий код:

$(".items").on("click", ".item", deleteFile);

function deleteFile (e)
{
    alert($(this)); // Выдает [object Object], то есть я не могу получить например data атрибут...
    console.log($(this).data("file-name")); // Пусто :(...
  
    // Само события работает нормально!
}

HTML код:

<div class="items">
	<div class="item" data-file-name="file-name-one">Item #1</div>
	<div class="item" data-file-name="file-name-two">Item #2</div>
	<div class="item" data-file-name="file-name-three">Item #3</div>
	<div class="item" data-file-name="file-name-four">Item #4</div>
</div>

UPD #1: Отпечатка исправлена:

// ...$(this).data("data-file-name")...
    console.log($(this).data("file-name")); // Пусто :(...

UPD #2: оказывается alert() не для debugging ;)

Answer 1

[Захар Орлов]

$(".items").on("click", ".item", deleteFile);

function deleteFile (e) {
   console.log($(e.target).data('fileName'));
}

Answer 2

[Максим Тимофеев]

$(".items").on("click", ".item", function(){
var mydata = $(this).attr('data-file-name');
console.log(mydata);
});

Answer 3

[Александр]

alert($(this));

Таким кодом вы не получите ничего кроме [object Object] даже если элемент существует.

...data("data-file-name"));

При получении атрибута data через data() не надо указывать префикс "data-". Если в элементе, например, есть атрибут "data-name", то получать его стоит вот так: $(elem).data("name");

Answer 4

[Duh]

Добрый день. Аналогичная проблема, не могу получить data-id из динамический создаваемых объектов.

<div class="comment_list">
	<div class="comment clearfix" data-id="1"> 
		<a href="" class="reply clearfix">Ответить</a>
	</div>
	<div class="comment clearfix" data-id="2"> 
		<a href="" class="reply clearfix">Ответить</a>
	</div>
	<div class="comment clearfix" data-id="3"> 
		<a href="" class="reply clearfix">Ответить</a>
	</div>
</div>

$('.comment_list').on('click', '.reply', function(){
		var id_comment = $(this).data('id');
		console.log(id_comment);
		alert(id_comment);
	});

alert() выводит undefined.
Если в место this поставить .comment то получает 1 элемент.

Как правильно получить id ? Спасибо!

Comments

[Mokhirjon Naimov]

"data" атрибут есть в блоках с классом "comment" а не в теге "" с классом "reply". То есть надо попробовать заме...

[Mokhirjon Naimov]

:) тостер съел часть комментарий

[Mokhirjon Naimov]

$('.comment_list').on('click', '.reply', function(){

[Mokhirjon Naimov]

$('.comment_list').on('click', '.comment', function(){

[Duh]

Спасибо, разобрался.