Question

I try to write a loop to wrap all img on the picture via Jquery:

var $csstring = "div.article_column a img";
$($csstring).each(
  function() {    
        $($csstring).parent().wrap("<div class='dropshadow'></div>");
 });  

and I receive this:

<div class="dropshadow">
    <div class="dropshadow">
        <div class="dropshadow">
            <div class="dropshadow">>
                <div class="dropshadow">
                    <a target="_blank" href="/ferdynand.jpg">
                        <img height="126" width="190" border="0" src="aae7dda0d83bf7df21ce6f834db8228a.jpg">
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

I mean that was 5 pictures with the same css, Can somebody help me?

Answer 1

Do this instead:

$($csstring).each(function() {
    $(this).parent().wrap('<div class="dropshadow"></div>');
});