Задать вопрос
zvermafia
@zvermafia
WebDev
javascript

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

Есть следующий код:
$(".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 ;)
  • Вопрос задан
  • 936 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Решение пользователя Максим Тимофеев К ответам на вопрос (4)
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg 
$(".items").on("click", ".item", function(){
var mydata = $(this).attr('data-file-name');
console.log(mydata);
});
Ответ написан
Комментировать
Комментировать