如何在单击另一个 div 中的文本时更改某些 div 部分的内容。更改的内容必须与单击的内容相同。例如,如果我有 3 作为列表
<div id="text1">Text</div>
<div id="text2">Text</div>
<div id="text3">Text</div>
另一个选择的文本应该出现在哪里:
<div id="textChanger">Content from #List</div>
如何在单击另一个 div 中的文本时更改某些 div 部分的内容。更改的内容必须与单击的内容相同。例如,如果我有 3 作为列表
<div id="text1">Text</div>
<div id="text2">Text</div>
<div id="text3">Text</div>
另一个选择的文本应该出现在哪里:
<div id="textChanger">Content from #List</div>
$('#text1').click(function () {
$('#text2').text($(this).text());
});
$('#text1')
--> 带有 id 的元素text
$(this)
引用当前元素
$(this).text()
指text
当前元素内部
$('#text2').text($(this).text())
--> 带有 id 的元素与from id一起text2
添加text
text1
OP更新问题后更新代码
$('#List div[id^="text"]').click(function () {
$('#textChanger').text($(this).text());
});
试试这个,
$('#text1').on('click',function(){
$('#text2').text($(this).text());
});