divのテキストをコピーして別のものに貼り付ける[jQuery]

Question

私は簡単なことをしようとしていますが、私はjavascript言語にはあまりよく慣れていません。 。

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

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

のは、私が「sourceA」のdivをクリックしましょう、それに含まれるテキストは、「宛先」のdivに行く必要があります。

のは、私はこのようなコードがあるとしましょう。

残念ながら、私はそれをどうするかわかりません。手伝って頂けますか？そして、私はこのコードについてもっと知りたいと思っています。

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を参照してください。ここで必要となる次のようにあなたの行動を処理するsourceAに.click()イベントです：

$("#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/