Question

I have the following function that I only want to run inside <div id="imgWrapper">

I have tried a few things with parent but I cannot seem to figure this out.

 <script type="text/javascript" language="javascript">
    $(document).ready(
        function () {
            $("img").each(function () {
                var src = $(this).attr("src");
                if (src.substring(0, 1) == "/")
                    $(this).attr("src", "http://serverName.com/" + src.substring(1))
            });

        }
     ); 
 </script> 

Answer 1

If you put space in the selector it’s a descendant-selector:

$(document).ready(
    function () {
        $("#imgWrapper img").each(function () { // <<<<<<<=======
            var src = $(this).attr("src");
            if (src.substring(0, 1) == "/")
                $(this).attr("src", "http://serverName.com/" + src.substring(1))
        });

    }
 ); 

descendant-selector docs:

Description: Selects all elements that are descendants of a given ancestor.