使用jQuery添加动态数据属性

Question

有没有办法使用jQuery向DOM元素添加“动态”数据属性？

例如，这不起作用：

var value = 100;

// hoping to add a 'data-100' attribute 
$('div').attr({
  String('data-' + value) :'display: block'
});

它抛出错误：

Uncaught SyntaxError: Unexpected token (

obs：据我所知，如果你在JS中用一个整数对一个字符串求和，它会把它作为一个字符串转换，但无论如何我尝试用String（），因为可能用某种语言对我有效。

这显然不起作用（它会添加'custom_data'而不是'data-100'属性）：

var custom_data = 'data-100';

// hoping to add a 'data-100' attribute 
$('div').attr({
  custom_data :'display: block'
});

Answer 1

做

$('div').attr("data-"+value,"display:block");

您的语法错误，请参阅similar

Fiddle