Question

我必须在多个div中放入大量具有相同内容的数据元素如何在脚本中定义此内容以便一次写入？我想我必须使用一个简单的脚本，但我无法找到解决方案。感谢。

<div class="one" data-text"EXAMPLE"></div>
<div class="two" data-text"EXAMPLE"></div>  
<div class="three" data-text"EXAMPLE"></div>
<div class="four" data-text"EXAMPLE"></div>
<div class="five" data-text"EXAMPLE"></div>

Answer 1

如果您向所有人添加共享类，则可以定位该类并添加data-attr。如果您仅定位div，则会将其添加到页面上的每个div。

$(".target").attr("data-text", "TEXT");

JSFIDDLE

Answer 2

为所有div添加一些额外的类。像

<div class="one mydata" data-text"EXAMPLE"></div>
<div class="two mydata" data-text"EXAMPLE"></div>

等

然后您可以执行以下脚本：

$(".mydata").attr("data-text", "OTHER EXAMPLE");

Answer 3

你在这里有使用它的方法：

jQuery（正确的方法，可能不会映射到'真正的'HTML属性）：

$('#element').data('value_to_set',value);
value=$('#element').data('value_to_get');

jQuery（其他方法）：

$('#element').attr('data-value_to_set',value);
value=$('#element').attr('data-value_to_get');

纯Javascript（方法1，适用于现代浏览器和IE11 +）：

document.getElementById('#element').dataset.value_to_set=value;
value=document.getElementById('#element').dataset.value_to_get;

Pure Javascript（方法2，适用于使用Javascript的浏览器）：

document.getElementById('#element').setAttribute('data-value_to_set',value);
value=document.getElementById('#element').getAttribute('data-value_to_get');

使用脚本将属性设置为数据元素

3 个答案: