jquery - 特定のdivID内でのみjQuery関数

Question

内部でのみ実行したい次の関数があります<div id="imgWrapper">

私は親と一緒にいくつかのことを試しましたが、これを理解できないようです。

 <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

セレクターにスペースを入れると、それは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 ドキュメント：

説明：特定の祖先の子孫であるすべての要素を選択します。

Answer 2

divimgの子孫である要素のみを選択するには、次の行を変更します。imgWrapper

$("img").each(function () {

これに：

$("#imgWrapper img").each(function () {

Answer 3

あなたのhtmlを見ずにこれをまたはのために変更し$(img)て$("div#imgWrapper img")ください$("img", 'div#imgWrapper')