使用JQuery替換另一個DIV中的DIV文本

Question

我試圖用'slidertitle'div中的文本替換'biginfotitle'div中的文本。我有照片的來源要更改，但無法弄清楚我在複製div中的文字時做錯了什麼。

<script> 
$(document).ready(function(){ 
$('.scrollcontent').click(function(){ 
var $this = $(this); 
csrc=$this.children('img.thumbpic#'+this.id).attr('src'); 
ctitle=$('.slidertitle#'+this.id).text(); 
$('img#mainpic').attr("src",csrc); 
$('div#biginfotitle').text(ctitle); 
//alert(ctitle); 
}); 
}); 
</script> 

<div class="scrollcontent" id="23"> 
<img class="thumbpic" id="23" src="/smallthumbs/24.jpg" /> 
<div id="thumbinfo"> 
<div class="slidertitle" id="23">Click to change to this</div> 
</div> 
</div> 

<div id="slidercontent"> 
<img id="mainpic" src="/thumbs/blah.jpg" /> 
<div id="biginfo"> 
<div id="biginfotitle">Change Me</div> 
</div> 
</div> 

Answer 1

你不能多次在各種要素相同的 「ID」，這必須是唯一的：

看到這一點：

$('.scrollcontent').click(function() { 
    var 
     $this = $(this), 
     csrc = $this.children('img.thumbpic').attr('src'), 
     ctitle = $this.find('.slidertitle').text(); 

    $('#mainpic').attr("src", csrc); 
    $('#biginfotitle').text(ctitle); 
}); 

example