在 JQuery 中选择自定义数据属性

我这里有一个清单

<ul id="demo2" data-name="demo2">
    <li data-value="here">here</li>
    <li data-value="are">are</li>
    <li data-value="some...">some</li>
    <!-- notice that this tag is setting a different value :) -->
    <li data-value="initial">initial</li>
    <li data-value="tags">tags</li>
</ul>

其中每个 li 项都有一个自定义数据属性。在 JQuery 上如何获取具有 data-value 属性的每个 li 元素的所有值？我想得到他们的价值。

但我的这段代码似乎不起作用

        $('#view-tags').click(function(){
            $('li[data-value]').each(function(){
                alert($(this).data("value"));
            })
    });

jsfiddle上的完整代码：http://jsfiddle.net/Zn3JA/ http://jsfiddle.net/Zn3JA/

你已经很接近了。你可以使用 jQuery 的.data() http://api.jquery.com/jQuery.data/读取以以下开头的属性的方法data-。所以在你的情况下.data("value")因为你的属性是data-value="some".

这应该可以做到：

$('li[data-value]').each(function(){
     alert($(this).data("value"));
});

这也是一个工作小提琴： http://jsfiddle.net/nuphP/ http://jsfiddle.net/nuphP/