2012-04-10 65 views
1

里面我有以下的功能,我只想要运行里面<div id="imgWrapper">jQuery的功能特定的DIV ID

我曾尝试与父母的几件事情,但我似乎无法想出解决办法。

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

回答

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-selectordocs

说明:选择是给定的祖先的后代的所有元素。

+0

我不认为你需要'˚F联合(){'在那里?我认为OP在具有匿名函数有.. – 2012-04-10 23:19:02

+0

@SKS犯了一个错误。是的你是。阅读API:'。就绪(处理器) - 处理A ** **功能执行后的DOM是ready.' – gdoron 2012-04-10 23:19:53

+0

的伟大工程,非常感谢! – Tim 2012-04-10 23:25:15

0

只选择img元素是imgWrapper DIV的后代,改变这一行:

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

这样:

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

没有看到你的HTML改变这种$(img)$("div#imgWrapper img")$("img", 'div#imgWrapper')