使用JQuery替换另一个DIV中的DIV文本
问题描述:
我试图用'slidertitle'div中的文本替换'biginfotitle'div中的文本。我有照片的来源要更改,但无法弄清楚我在复制div中的文字时做错了什么。使用JQuery替换另一个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>
答
你不能多次在各种要素相同的 “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);
});
谢谢。我忘了让ID的唯一。 – Patriotec