Как получить конкретное значение элемента в jQuery

Question

Я разработал галерею изображений, используя плагин jQuery. Теперь мне нужно выбрать значение атрибута выбранного изображения. Для этого я использовал следующий код.

var img=$('li.selected'); 
var comm = $("textarea#comm").val(); 
var dataid=$(img).attr('data-id'); 
var dataalid=$(img).attr('data-alid'); 

и в HTML-страницу выбранный список:

<li class="selected" style="margin-right: 3px; width: 69px;"> 

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

<div class="es-carousel" id="loader"> 
<ul class="es-carousel"> 
<li><a href="#"><img src="data:image/jpeg;base64,/9j/4AAQSwAEASSlPA47U..../9kA" alt="xyz" data-description="Retrieving images with jquery and servlet" data-id="1" data-alid="6"/></a></li> 
... 
</div> 

Мне нужно получить значение data-id и data-alid. Я не знаю, как получить ценность. Я новичок в jQuery.

Пожалуйста, помогите мне. Благодарю.

Answer 1

При этом:

var img=$('li.selected'); 

Вы выбираете LI элемент, а не IMG. Вы должны сделать это так:

var img = $('li.selected img'); 

Кроме того, вам не нужно обернуть img в JQuery снова, просто сделать:

var dataid = img.attr('data-id'); 

Или даже:

var dataid = img.data('id'); 

Answer 2

переменная в вашей первой строке называется img, поэтому вы, вероятно, хотите получить изображение внутри элемента списка, но просто получите элемент списка.

Попробуйте вместо этого:

var img = $('li.selected img');