javascript - 如何在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-idand的值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');