jquery - 在不传递 HTML 元素 ID 的情况下获取数据属性值

Question

我有 INPUT HTML 标签，其类型在 View 中隐藏。它看起来如下:

     <input type="hidden" data-abc-value1="value1" data-abc-value2="value2" data-abc-
         value3="value3"/>

我想获取 data- attributes(data-abc-value1,data-abc-value2,data-abc-value3) 的值而不将元素 id 传递给它。

我能否以某种方式找到元素的匹配 data-abc(这是常见的)属性并获取其值。这样我就可以避免依赖元素 id 来获取数据 -* 值。

Answer 1

试试这个代码，这可能对你有帮助

HTML

<input type="hidden" data-abc-value1="value1" data-abc-value2="value2" data-abc-value3="value3" />

脚本

$('input[type="hidden"]').each(function(i, e){
    $.each(e.attributes, function(j,v){
        if(/^data-abc/.test(v.nodeName)) {
            console.log(v.nodeName, v.nodeValue);
        }
    });
});

演示 JS http://jsfiddle.net/UYNsw/