jQuery数据给我未定义

Question

我在jQuery中尝试新的数据函数,但无法使其工作.

以下是我用于测试的一些代码:

HTML

<ul>
    <li data-test="list">List item</li>
    <li data-test="list">List item</li>
</ul>

<ul>
    <li data-name="sida">oko</li>
</ul>

JS

var test = $('li').data('name');
alert(test);

关于jsFiddle的同样的事情:http: //jsfiddle.net/w95mY/1/

我希望从警报中得到"sida".我发现如果删除第一个列表就可以了.这是为什么？我该如何解决？

Answer 1

考虑告诉jQuery如何找到确切的一个元素.例如,告诉它查找li具有data-name属性的任何元素:

var test = $('li[data-name]').data('name');
alert(test);

或者你可以告诉它寻找最后一个li:

var test = $('li').last().data('name');
alert(test);

两者都显示文本"sida"的警报.