jquery css dynamic or static html elements

Question

in my website i have to create dynamic elements.

some elements have lots of properties like: id, class, title, href for links etc...

i was looking at some example on different sites and i saw 2 different way i can build my code

#1 static

$('#mydivid').html('<a href="http://domain.com/page.html" title="my link" id="linkid" class="links-green">link</a>');

#2 dynamic

var anchor = $('<a />', {
  className: 'links-green',
  id: 'linkid',
  title: 'my link',
  href: 'http://domain.com/page.html',
  text: "linkk",
}).appendTo('#mydivid');

i would like to know this:

since the result is the same, which one is consider better to use as a coding standard?

Darin Dimitrov · Accepted Answer · 2011-12-18 15:22:48Z

1

The second is better since you don't need to worry about properly escaping the values. For example if the values of the different attributes were dynamic and comping from variables, if you used the first example you would have to do string concatenations in order to format the value and then if there are some special characters inside those variables this could produce invalid markup.

answered Dec 18, 2011 at 15:22

Darin Dimitrov

1.0m277 gold badges3.3k silver badges3k bronze badges

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

Collectives™ on Stack Overflow

jquery css dynamic or static html elements

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related