如何访问放置在不同标签中的自定义 data-* html5 属性，通常在 jquery 中？

Question

我正在尝试创建一个就地编辑器，通过将自定义数据属性放在不同的标签中来获取数据。 我想访问 jquery 选择器中的数据并相应地更新值。 请指导我使用用于获取不同标签数据的通用语法。

谢谢。

Answer 1

<dic class='test' data-attr='abc' ></div>
$('div.test').attr('data-attr')

Answer 2

你可以这样检查。

 $('*').filter(function() { if($(this).data('custom')){ console.log($(this).data('custom')); } });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <div data-custom="lol"> 1 </div> <p data-custom="wew"> 2 </p> <h1 data-custom="h1">h1</h1>

Answer 3

如果您有不同的标签，您可以向标签添加一个类，然后按类名选择这些元素。

$('.my-class').each(function(){
    $(this).data('key', myVal);
});