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