如何在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');