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 docs：

描述：选择作为给定祖先后代的所有元素。

Answer 2

要仅选择img div后代的imgWrapper元素，请更改此行：

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

到此：

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

Answer 3

没有看到您的html更改此$(img) $("div#imgWrapper img")或$("img", 'div#imgWrapper')

jQuery函数只在特定的div ID中

3 个答案: