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

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

1 个答案: