views:

78

answers:

3

Hi I have a div with content like this

 <div><strong>some content
 ....</strong></div>

How can I add another element to the div after <strong>, how to add <span> element after <strong> ?

Thank you

+5  A: 

Just use append on your div element:

$('#divId').append('<span>Hi</span>');

It will insert the span element inside the div, at the end of the child node list.

Edit: In response to your comment, to remove it, since you added the element with append, you can get it selecting the last-child:

$("#divId span:last-child").remove();

Or you could remove all the span elements within the div:

$("#divId span").remove();
CMS
Gr8 it works, how can I remove the span element? after I added it ?
Gandalf StormCrow
$('div span').remove();
Gandalf StormCrow
Sorry, but, is there any reason for wrapping `'<span>Hi</span>'` in a jQuery object? You can append straight HTML...
J-P
@J-P: Yes, you're right, my fingers are getting too much used to type `$()` :-) edited...
CMS
No worries :), ty for editing +1
J-P
+1  A: 

If the <div> is the only one on the HTML page in question:

$('div strong').after('<span>Span element</span>')

See http://docs.jquery.com/Manipulation/after#content

Paul D. Waite
A: 

append and after are easily found in the documentation

just somebody