Question

我的页面上有一个元素：

<a data-toggle="modal" data-nodeID="" class="quickView" data-target="#productModal" href="#">

此元素在使用序列化的ajax对象时被“重复”，我试图做的是更改data-nodeID属性，但我似乎无法对其进行更改。我试图通过它的类名来查找该元素：

$(myTemplate).find('.quickView').attr({'data-nodeid': product.Id});

请问有人知道怎么做吗？

谢谢， C

Answer 1

您应该查看jQuery .attr()文档。

.attr(attributeName, value)

属性名称
  类型：字符串
  要设置的属性的名称。

值
  类型：字符串，数字或空值
  为属性设置的值。如果为null，则将删除指定的属性（如.removeAttr（）中一样）。

在尝试设置属性时，请注意大写字母：

$(myTemplate).find('.quickView').attr('data-nodeID', product.Id);

Answer 2

您也可以尝试使用jQuery .data()：

// $(myContainer).find('.quickView').data('nodeid', product.Id);

$('#myContainer').data('customTag', 2);

console.log($('#myContainer').data('customTag'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="myContainer" data-custom-tag="1"></div>

更改脚本中的数据属性

2 个答案: