Javascript 扫描具有相同命名和插入值的所有数据属性-jQuery

假设我在一个页面上有多个

数据foo=“value”

，还有一个

var ID=“12”

。如何定位页面上该数据属性

foo

的所有实例，并将该

ID

添加到其末尾，使其成为

data foo=“value12”

模板引擎的结果类似于

datafoo=“value{ID}”

，但我不使用模板引擎，只使用纯JS或jQuery

---

data foo-“value”

的值在整个页面中是不同的。

您可以使用属性等于选择器将它们作为目标，然后在

.attr（）的回调函数中修改它们的值。

方法：

 var ID = "12";
 $([data-foo="value"]).attr( "data-foo", function( i, val ) {
   return val + ID;
 });

---

您可以使用attribute equals selector将它们作为目标，然后在

.attr（）方法的回调函数中修改它们的值：

 var ID = "12";
 $([data-foo="value"]).attr( "data-foo", function( i, val ) {
   return val + ID;
 });

根据Milindantwar的回答


您可以使用
$（'*[data foo]'）
选择器选择具有属性
data foo
的所有元素，如下所示：

var ID = "12";

$('*[data-foo]').attr( "data-foo", function( i, val ) {
   return val + ID;
});

请参见中的（检查元素并查看html代码）
根据Milindantwar的回答


您可以使用
$（'*[data foo]'）
选择器选择具有属性
data foo
的所有元素，如下所示：

var ID = "12";

$('*[data-foo]').attr( "data-foo", function( i, val ) {
   return val + ID;
});

请参阅（检查元素并查看html代码）
尝试使用
document.querySelectorAll（'[data foo=“value'+id.toString（）+'”）。。。这将找到所有具有属性data foo=“value{id}”的元素，其中必须用所需的数字替换{id}，或者用
document.querySelectorAll（'[data foo=“value'+id.toString（）+''“]）替换任何属性。。。这将找到所有具有属性data foo=“value{id}”的元素，您必须将{id}替换为所需的数字或其他数字