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

DEMO

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

id-selector

.text()

$('#text1') - ＆gt;标识为text

的元素

$(this)引用当前元素

$(this).text()是指当前元素中的text

$('#text2').text($(this).text()) - ＆gt;标识为text2的元素与text

中的text1一起添加 OP更新问题后

更新了代码

DEMO

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

attribute-equals-selector

^ attribute-starts-with-selector

Answer 2

试试这个，

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