Question

I am a Javascript noob and I need help adding a codeblock after a div.

i want to add code after the following class

<div class='post-body entry-content'> 

So mu JQuery code must be

$('post-body entry-content').add('<img border="0" src="http://4.bp.blogspot.com/-C4vvMEB9MyI/TfW0lduV2NI/AAAAAAAAAZc/N7HL1pUusGw/s1600/some image.png" />');

Right ??

If I am wrong please correct me !

Answer 1

No, that is incorrect.

• Use the . to select by class and join them together if you want to match elements which include all classes.
• To make the image come after, use after().
• Also make sure this code is executed after the element exists. Best way to do that is wrap it with the DOM ready event.

$(function() {

    $('.post-body.entry-content')
       .after('<img border="0" src="http://4.bp.blogspot.com/-C4vvMEB9MyI/TfW0lduV2NI/AAAAAAAAAZc/N7HL1pUusGw/s1600/some image.png" />');

});