after() inserting element, then getting it back

Question

Possible Duplicate:
Why does jQuery .after() not chain the new element?

This reference code:

$("#id").after(string);

Does a pretty good job inserting the element of the string where its need to.

How can I get a reference to newly inserted HTML element (string)?

@Rocket, well, no; but that's why I was asking. Though I should, perhaps, have been more clear about the question? So: what is `string`, what is it that's expected/desired from this question? — David Thomas, Jul 27 '12 at 21:38

score 30 · Accepted Answer · answered Jul 27 '12 at 21:35

30

var string = '<div id="some_HTML"><span>hello kitty</span></div>';

$jq_elem = $(string);  //if it's not a jQuery object, make it one

$("#id").after($jq_elem); //insert into DOM

$jq_elem.css('color', 'red'); //still available

FIDDLE

answered Jul 27 '12 at 21:35

adeneo

312,895
29
395
388

2

+1 - so far you're the only one who recognizes that the string becomes an element if you pass it into the jquery constructor/selector – Kristian Jul 27 '12 at 21:37

score 11 · Answer 2 · answered Jul 27 '12 at 21:35

11

Try using insertAfter:

var $str = $(string).insertAfter('#id');

This will work if string is HTML.

answered Jul 27 '12 at 21:35

gen_Eric

223,194
41
299
337

after() inserting element, then getting it back

2 Answers2