Set multiple attributes for an HTML element using jQuery? [duplicate]

Question

I want to do this using jQuery at once.

var elem = document.createElement("img");
    
elem.setAttribute("src", "http://example.com/something.jpeg");
elem.setAttribute("height", "100%");
elem.setAttribute("width", "100%");

Already answered here: stackoverflow.com/questions/12274748/… For jquery, take a look at: electrictoolbox.com/jquery-set-multiple-attributes — ujjaldey
– ujjaldey, Commented Sep 23, 2021 at 15:33
This is explained on the jquery .attr page: api.jquery.com/attr Setting several attributes at once — fdomn-m
– fdomn-m, Commented Sep 23, 2021 at 15:59

akicsike · Accepted Answer · 2021-09-24 06:39:52Z

0

$('img').attr({'src':'http://example.com/something.jpeg', 'height':'100%', 'width':'100%'});

$('img') <= coresponding HTML element which you want to set the attributes

.attr(
    {
        'htmlAttributeName': 'attributeValue',
        'anotherHtmlAttributeName': 'attributeValue',
        ....
    }
)

edited Sep 24, 2021 at 6:39

answered Sep 23, 2021 at 17:32

akicsike

3862 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Lijesh Shakya Over a year ago

Code-only answers are not particularly helpful. Please add some descriptions of how this code solves the problem.

akicsike Over a year ago

@LizeshShakya OK, I edited my answer with code description

Collectives™ on Stack Overflow

Set multiple attributes for an HTML element using jQuery? [duplicate]

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related