Данные 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".