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-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');