Получить пользовательские данные из события jquery

Question

У меня есть настраиваемый атрибут под названием itemID - как я могу получить его значение, чтобы я мог поместить его в URL-адрес, похожий на то, как я получаю идентификатор?

ЯШ:

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('.eventImage').click(function(e){ 
    $this = $(this); 
     $.ajax({ 
     url: "http://server.local/action.php?event="+$this.attr("id")+"&itemID="+$this.data('itemID'), 
     type:'POST', 
     }); 
    }); 

}); 
</script> 

HTML:

<img class='eventImage' id='ITEM_3_ON' src='images/livingroom/1-2.png' data-itemID='3'/> 

Answer 1

Вы должны дать его таким образом:

$(document).ready(function(){ 
    $('.eventImage').click(function(e) { 
     $this = $(this); // Make a copy of the image. 
     $.ajax({ 
     url: "http://server.local/action.php?event="+$this.attr("id")+"&itemID="+$this.data('itemID'), // Use $this here. 
     type:'POST', 
     }); 
    }); 
}); 

Изменения:

event.target имеет тенденцию к изменению, я думаю, потому что вы вызываете внутри функции обратного вызова AJAX.

1. Используйте $this для ссылки на текущий объект внутри вызова AJAX.
2. Используйте тот же $this, чтобы получить id.

Answer 2

Если вы хотите использовать перетекает событие, то вы должны использовать e.target.id и для атрибутов e.target.attributes [ «-Itemid данных»] значение. Не event.target.id как вы переносили е в функцию обработчика кликов.

Обратите внимание, что e.target возвращает объект javascript, а не объект jquery.

Answer 3

Я думаю, что $this.attr("data-itemID") этого решения ..