Javascript 使用其他属性在JQuery中添加属性

使用jQuery，如何使用URL其他属性将属性添加到URL中

例如，我们有以下URL：

<a class="someclass" data-a="X">
<a class="someclass" data-a="Y">

然后使用现有属性添加以下属性：

<a class="someclass" data-a="X" data-b="string1+data-a" data-c="string2+data-b">
<a class="someclass" data-a="Y" data-b="string1+data-a" data-c="string2+data-b">

---

请注意，多个URL具有相同的class=“someclass”。

如果您想要驱动其他数据属性，您可以循环它们并设置属性。如果您的逻辑是稍后使用

data（）

读取值，那么您可能希望使用

data（）

也设置它们，而不是我在下面的示例中使用的

attr（）

$（'.someclass'）。每个（函数（\ux，元素）{
常量$element=$（element）；
常量a=$element.data（'a'）；
常数b='string1'+a；
常数c='string2'+b；
$element.attr（'data-b'，b）；
$element.attr（'data-c'，c）；
});

X
Y
您应该使用数据a、数据b而不是属性a、属性b

<a class="someclass" data-a="X">
<a class="someclass" data-a="Y">

添加新数据属性：

element.data('b', 'string1'+element.data('a'));

获取新的数据属性

alert('Test: ' +element.data('b'));

您可以看到它正在工作：
您应该使用
attr-a
是无效的HTML5属性，就像
ng-*
和其他属性一样。在jQuery中使用
data-a
data-b
etcinjQuery很简单，只需在谷歌上搜索“jQuery数据属性”，看起来就像
$（“[data-a]”）。数据（{b:${string1}${x}，c:${string2}${string1}${Y}}）
即使在编辑
属性之后，*
仍然是无效的HTML5属性。使用
数据-*
属性。确定。但是，这只是一个例子。非常感谢@Taplar，我不想稍后再阅读值。所以，我认为attr（）应该可以。那么，我如何循环它，将相同的函数应用于第二个，第三个，。。同一类的锚元素？什么意思？它已经在同一类的所有元素上循环抱歉，我得到了答案。再次感谢。如果它解决了您的问题，请将此答案标记为正确。因此，它也将帮助其他用户。
alert('Test: ' +element.data('b'));