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如何找到確切的一個元素。 例如，告訴它查找具有data-name屬性的任何li元素：

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

或者您可以告訴它尋找最后一個li ：

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

兩者都顯示帶有文本“ sida”的警報。