jQuery: How can I wrap <a> and </a> tags around existing images in a div?

Question

Question by lith0pedion

I’m using slidy.js to cycle through several images inside a div.

My question is: How can I use jQuery to wrap <a href="http://www.google.com"> and </a> around each image in the div (whose id is “imgFade”)?

Thanks in advance!

Adam

Answer 1

Answer by Starx

Starx

Yes you can use the .wrap()

Example:

$("#yourdiv img").wrap('<a href="http://www.google.com" />');
                      // Note: the self closing pattern ^ THIS is how you should define the wrapping element

This is wrap a link around all the images inside the div with id="yourdiv"

jQuery: How can I wrap <a> and </a> tags around existing images in a div?

Question by lith0pedion

Answer by Starx

Author: Nabin Nepal (Starx)

Please fill the form - I will response as fast as I can!