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
Add a comment
|
3 Answers
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();
answered Dec 25, 2009 at 20:47
Christian C. Salvadó
831k185 gold badges929 silver badges845 bronze badges
3 Comments
Gandalf StormCrow
Gr8 it works, how can I remove the span element? after I added it ?
James
Sorry, but, is there any reason for wrapping
'<span>Hi</span>' in a jQuery object? You can append straight HTML...
Christian C. Salvadó
@J-P: Yes, you're right, my fingers are getting too much used to type
$() :-) edited...If the <div> is the only one on the HTML page in question:
$('div strong').after('<span>Span element</span>')
