Добавить динамический атрибут данных с помощью jQuery

Question

Есть ли способ добавить «динамический» атрибут данных в элемент DOM с помощью jQuery?

Это, к примеру, не работает:

var value = 100; 

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

Он бросает ошибку:

Uncaught SyntaxError: Unexpected token (

набл: насколько я знаю, если вы просуммировать строку с целым числом в JS , он будет использовать everthing как String, но в любом случае я попытался использовать 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

Do

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

Ваш синтаксис неправильно видеть similar

Fiddle