是否可以使用jQuery.attr()函数设置多个数据属性？

Question

这有效:

$(myObj).attr("data-test-1", num1);
$(myObj).attr("data-test-2", num2);

但这不是:

$(myObj).attr({
  data-test-1: num1,
  data-test-2: num2
});

我错过了一些非常明显的东西吗？

Answer 1

当然,像这样:

$(myObj).attr({"data-test-1": num1, "data-test-2": num2});

像.attr()文档状态一样:

一次设置多个属性

要更改alt属性并同时添加title属性,请使用纯JavaScript对象立即将两组名称和值传递到方法中.对象中的每个键值对都会添加或修改属性:

$('#greatphoto').attr({
  alt: 'Beijing Brush Seller',
  title: 'photo by Kelly Clark'
});

设置多个属性时,属性名称周围的引号是可选的.

Answer 2

是的，可以设置多个属性，只需使用简单的对象文字语法。例子：

$('#my_image').attr({
  alt: 'Beijing Brush Seller',
  title: 'photo by Kelly Clark'
});

可以在此处找到有关 attr 方法的更多信息。