Access to elements of string that contains html elements

Question

I have a string that contains html elements such as the following

var elements = "<div class='instance' id=''><h1></h1></div>";

how can work with it in order to be able to make like this

$('instance').prop('id',5);
$('instance h1').html('hello all');

score 1 · Accepted Answer · answered May 19 '12 at 06:11

1

You can load it directly into a new jQuery object:

$(elements).find("h1").html("Hello All").appendTo("body");

Also, 5 is not a valid id - please don't use numbers at the beginning of an id value.

answered May 19 '12 at 06:11

Sampson

It works thank you, but what does the selector "h1", html means? – palAlaa May 19 '12 at 06:14
We're `find()`ing the `H1` element, and setting its `html()` content to "Hello All". – Sampson May 19 '12 at 06:14
mm I usually use numbers in ids, I think it is more unique, doesn't it? – palAlaa May 19 '12 at 06:15
1

@PalAla It's *illegal*, technically. Check out this question: http://stackoverflow.com/questions/70579/what-are-valid-values-for-the-id-attribute-in-html – Sampson May 19 '12 at 06:16
nop numbers aren't valid string for ids, have a look here http://stackoverflow.com/questions/70579/what-are-valid-values-for-the-id-attribute-in-html – Prasenjit Kumar Nag May 19 '12 at 06:17

1 Answers1