jquery divs

Question

Hello,

I have an image

<div class='container'>
    <img src='../images.jpg' alt='images' />
</div>

I want to put this image in div with jquery

<div class='container'>
   <div class='some_class'><img src='../images.jpg' alt='images' /></div>
</div>

Tnaks!

sorry, I'd like tu put in this div not onli this images but element also ???

ex:

<div class='container'>
   <div class='some_class'>
       <img src='../images.jpg' alt='images' />
        <strong>text</strong>
   </div>       
</div>

Answer 1

$(".container img").wrap("<div class=\"some_class\"></div>");

Check out the Wrap documentation

Answer 2

If you have an id for the image, you can use wrap:

$("#myimg").wrap("<div class='some_class'></div>");

Answer 3

u can use wrap inner plug in

<script>
$('.myimage').wrapInner('<div><\/div>');
</script>

http://motherrussia.polyester.se/jquery/wrapinner/

Answer 4

You could do this, easy and quick:

$(".container img").wrap("<div class='some_class'></div>");

You can also build the nodes yourself, but with jquery this is a fine answer.

Answer 5

$(".container img").wrap('<div class="some_class"></div>')

There are some great documentation at http://docs.jquery.com/Main_Page