javascript - 使用 JQuery 将 DIV 中的文本替换为另一个 DIV

Question

我正在尝试将“biginfotitle”div 中的文本替换为“slidertitle”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