Is it possible to set multiple data attributes using the jQuery.attr() function?

Question

This works:

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

But this doesn't:

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

Am I missing something really obvious here?

Answer 1

Sure, like this:

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

Like the .attr() docs state:

Setting several attributes at once

To change the alt attribute and add the title attribute at the same time, pass both sets of names and values into the method at once using a plain JavaScript object. Each key-value pair in the object adds or modifies an attribute:

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

When setting multiple attributes, the quotes around attribute names are optional.

Answer 2

Yes it is possible to setup multiple attributes, just use simple Object literal syntax. Example:

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

More info about attr method can be found here.