Javascript 使用JQuery从另一个DIV替换DIV中的文本

我正试图用“slidertitle”分区中的文本替换“biginfotitle”分区中的文本。我已经更改了照片的来源，但无法找出在分区中复制文本的错误

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

$（文档）.ready（函数（）{
$（'.scrollcontent'）。单击（函数（）{
var$this=$（this）；
csrc=$this.children（'img.thumbpic#'）+this.id.attr（'src'）；
ctitle=$（'.slidertitle#'+this.id）.text（）；
$（'img#mainpic'）.attr（“src”，中国证监会）；
$（'div#biginfotitle'）。文本（ctitle）；
//警报（ctitle）；
});
});
单击此处可更改为
改变我

不同元素中不能有多次相同的“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);
});