javascript - How to wrap img element with a div tag

Question

i am going to wrap all my image with a div tag that has a class named image i'm doing just like the jquery website but it doesn't work. this is my code:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script type="text/javascript">

$(document).ready(function(){

    $( ".post img" ).wrap( "<div class='new'></div>" );
});
    </script>

and this is my html code:

<div class="post">
        <img src="some where" alt="here"/>
        <img src="some where" alt="here"/>
        <img src="some where" alt="here"/>
        <img src="some where" alt="here"/>                                    
    </div>

Answer 1

You need to loop through the images and wrap them

$(".post img").each(function(index, element) {
    $(element).wrap("<div class='new'></div>");
});

Demo