add custom attribute to createdElement - jQuery

Question

I am using createElement to replace it with appending big chunk of html code. I understand I can add id, class, style easily with:

var container = 'container';

container.className = 'item';
container.style.cssText = 'color: red';

However, how can I add sub-id using this approach?

<div class="container">
    <i class="item" sub-id="item-19"></i>
</div>

why you tagged jquery while you just use pure javascript? anyway in jquery just use $('i.item').attr('sub-id','item-19'); — Mohamed-Yousef
– Mohamed-Yousef, Commented Oct 25, 2015 at 3:36
Try container.setAttribute("sub-id", "item-19"). Documentation is here and many other places. — Ed Gibbs
– Ed Gibbs, Commented Oct 25, 2015 at 3:37

ioneyed · Accepted Answer · 2015-10-25 03:48:14Z

2

If you are using jQuery then I believe you are looking for something like this:

var container = $('<div />').attr('class','container');
var subId = $('<i />').attr({ 'class':'item', 'sub-id':'item-19'}).text('italic');

//append it to the body

$('body').append(container.append(subId));

Using the createElement methods would be more time consuming to program (but should be faster than jQuery). As for using the sub id in your createElement methods take a look at the API for an Element Object

container.setAttribute("sub-id", "item-19");

answered Oct 25, 2015 at 3:48

ioneyed

1,1027 silver badges12 bronze badges

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

Collectives™ on Stack Overflow

add custom attribute to createdElement - jQuery

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related