如何在jQuery中获取元素的特定值

时间:2013-02-12 09:04:59

标签: javascript jquery attributes

我使用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-iddata-alid的值。我不知道如何获得价值。我是jQuery的新手。

请有人帮助我。感谢。

2 个答案:

答案 0 :(得分:8)

这样做时:

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

您选择的是LI元素,而不是IMG。你应该这样做:

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

此外,您不需要再次将img包装在jQuery中,只需执行:

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

甚至:

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

答案 1 :(得分:0)

第一行的变量名为img,所以你可能意味着在列表项中获取图像,但你只是获取列表项。

请改为尝试:

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