CODEWITHSUNDEEP
javascriptjquery
qua1ity
qua1ity

Reputation: 623

Add attributes directly within an append

Can you add attributes to an element within an append, something like this:

var video = $("<video>").append("<source>", {
  src: 'https://www.youtube.com/', 
  width: 100, 
  height: 200
});

I'm asking because I think I have seen something like this before, but can't quite remember how it was written. I know you can do this with jQuery and attr(), but I'm looking for a way without using attr() or similar methods.

I think it was written with jQuery, but might have been something like underscorejs aswell, I'm not sure. Anyone know?

Upvotes: 1

Views: 61

Answers (2)

Mitya
Mitya

Reputation: 34556

You're close, but missing the jQuery wrapper when creating the child element:

var video = $("<video />").append($("<source />", {
  src: 'https://www.youtube.com/', 
  width: 100, 
  height: 200
}));

Upvotes: 3

Roko C. Buljan
Roko C. Buljan

Reputation: 206068

No but what you can is:

var video = $("<video />");
$("<source />", {
  src: 'https://www.youtube.com/', 
  width: 100, 
  height: 200,
  appendTo : video
});

Upvotes: 0

Related Questions