How to dynamically add em tag before img?

Question

Hi, I want to put em tag before IMG tag dynamically , the image class is .photo.

<img class="photo" src="image.jpg" />

I want to convert this to

<em></em><img class="photo" src="image.jpg" />

using jQuery, I am using the append but its add the em in the img tag,

thanks.

Answer 1

You can use the before() method.

Answer 2

You need to use before()

Answer 3

$("img.photo").before("<em>");

Answer 4

jQuery("img").before("em")

EDIT: Okay, no need to add the closing tag.