在JQuery中选择自定义数据属性 [英] Selecting custom data attributes in 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元素的所有值？我想得到他们的价值。

Where each li item has a custom data attribute. On JQuery how would get all of the values of each li element which has an attribute of data-value? I want to get their value.

但是我的这段代码似乎没有工作

but this code of mine doesn't seem to be working

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

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

The whole code on jsfiddle: http://jsfiddle.net/Zn3JA/

推荐答案

你非常接近。你可以使用jQuery的 .data（） 读取以数据开头的属性的方法 - 。所以在你的情况下 .data（value）因为你的属性是 data-value =some。

You are pretty close. You can use jQuery's .data() method to read attributes that start with data-. So in your case .data("value") since your attribute is data-value="some".

这应该这样做：

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

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

这篇关于在JQuery中选择自定义数据属性的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！