javascript - 如何在单击另一个 div 中的文本时更改某些 div 部分的内容

Question

如何在单击另一个 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>

Answer 1

演示

$('#text1').click(function () {
    $('#text2').text($(this).text());
});

id 选择器

。文本（）

$('#text1')--> 带有 id 的元素text

$(this)引用当前元素

$(this).text()指text当前元素内部

$('#text2').text($(this).text())--> 带有 id 的元素与from id一起text2添加texttext1

OP更新问题后更新代码

演示

$('#List div[id^="text"]').click(function () {
    $('#textChanger').text($(this).text());
});

属性等于选择器

^属性以选择器开始

Answer 2

试试这个，

$('#text1').on('click',function(){
    $('#text2').text($(this).text());
});