孩子的div

Question

我有，我試圖做一個jQuery腳本的問題jQuery的變化圖像，代碼如下所示：

HTML：

<div class="box right"> 
    <div class="image"> 
      <img src="domainname/folder/folder/gear.png" alt="Teambuilding"> 
    </div> 
    <div class="text"> 
      <span>Teambuilding</span> 
     <p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.</p> 
    </div> 
</div> 

的Javascript：

<script type="text/javascript"> 
jQuery(function(){ 
    jQuery(".box").hover(
      function(){this.next().next().src = this.next().next().src.replace(".png","2.png");}, 
      function(){this.next().next().src = this.next().next().src.replace("2.png",".png"); 
    }); 
}); 
</script> 

這是我在Chrome中遇到的錯誤：Uncaught TypeError: Object #<HTMLDivElement> has no method 'next'。

我不明白.next()不應該遍歷DOM到下一個元素？

感謝

Answer 1

您需要搜索的子元素，使用find()

$(this).find("img").attr("src", function() { 
    return this.src.replace(".png","2.png"); 
}); 

next()搜索下一個兄弟元素，你需要找到孩子。

Answer 2

把元件上的ID，然後做

$("#imageID").attr('src', 'the/new_image.jpg');