將文本從div複製並粘貼到另一個[jQuery]

Question

我正在嘗試做一件對我來說很容易的事情，但我對JavaScript語言不是很熟悉，而且找不到任何文檔來做我想做的事情。

比方說，我有這樣的代碼：

<div id="sourceA">Text</div> 
<div id="sourceB">Another</div> 

<div id="destination"></div> 

比方說，我點擊「sourceA」分區，其中包含的文本應該在「目標」分區。

不幸的是，我不知道該怎麼做。你可以幫我嗎？也許還建議我可以去我的某個地方學習更多關於此代碼的內容？

Answer 1

HTML：

<div id="sourceA" class="source">Text</div> 
<div id="sourceB" class="source">Another</div> 

<div id="destination"></div> 

JS：

$('.source').click(function(e) { 
    $('#destination').text($(e.currentTarget).text()) 
}); 

Answer 2

瞭解關於JavaScript和jQuery的更多信息events。你所需要的就是一個.click()事件上sourceA處理您的行爲如下：

$("#sourceA").click(function() { 
    $("#destination").html($(this).html()); 
}); 

Answer 3

看看這個例子

var copyContentToDestinationClickHandler = function(event) { 
    $('#destination').empty(); 
    $('#destination').append($(event.target).text()); 
} 

$('#sourceA').click(copyContentToDestinationClickHandler); 
$('#sourceB').click(copyContentToDestinationClickHandler); 

https://jsfiddle.net/7v5a6bsu/