有没有办法在点击时将 div 的文本放在另一个 div 中？答案

【问题标题】：Is there a way of putting the text of a div in another div on click?有没有办法在点击时将 div 的文本放在另一个 div 中？
【发布时间】：2017-01-05 08:56:38
【问题描述】：

有没有一种简单的方法可以在点击时将 div 的文本放入另一个 div 中？我以前用输入做过，但我用了.val()。

 <div id="someText"> Hello </div>
 <div id="putHere"> </div>

很高兴得到帮助，谢谢！

【问题讨论】：

将.text() 或.html() 与div 一起使用，因为没有.val() 使用的value 属性

标签： javascript jquery function containers

【解决方案1】：

您正在寻找.text():

$(document).ready(function() {
$('#click,#div2').on('click',function() {
   $('#div2').text($('#div1').text());
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="div1">Foo</div>
<div id="div2">Bar</div>

<button id="click">Click</button>

【讨论】：

我同意：但这被标记为 jQuery，所以做出了这个假设。
啊，在那种情况下，公平的假设。我错过了。
我可以用$("#div1") 代替$("#click") 吗？因为我真的不需要我的程序上的按钮
您可以在任何可点击元素上使用该事件。只需将其附加到不同的参考 ID，例如另一个div -> $('#div2').on('click',function() { // ... 。在上面添加。

【解决方案2】：

如果您有兴趣，这是一个纯粹的Javascript 解决方案：

document.getElementById('someText').onclick = function(){
  document.getElementById('putHere').textContent = document.getElementById('someText').textContent;
};

<div style='background:red' id="someText"> Hello </div>
<div style='background:blue' id="putHere"> </div>

更新： 删除按钮，因为 OP 不需要。现在点击红色 div 和蓝色 div 将被填充

【讨论】：

谢谢，但我正在寻找 jQuery :)
@LorisVonlanthen 确定.. 没问题

【解决方案3】：

使用 jQuery ！

点击div上的事件

$(document).ready(function (){
  $("#someText").on("click", function (){
      $("#putHere").text($(this).text());
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="someText"> Click Me! </div>
<div id="putHere"> </div>

点击Button上的事件

$(document).ready(function (){
  $("#btn").on("click", function (){
      $("#putHere").text($("#someText").text());
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="someText"> Hello World! </div>
<div id="putHere"> </div>
<button id="btn">Click ME !</button>

纯 JS

button 上的点击事件

document.getElementById("btn").onclick = function() {
  document.getElementById("putHere").innerHTML =  document.getElementById("someText").innerHTML;
};

<div id="someText">Hello World!</div>
<div id="putHere"></div>
<button id="btn">Click ME !</button>

点击div上的事件

document.getElementById("someText").onclick = function() {
  document.getElementById("putHere").innerHTML =  document.getElementById("someText").innerHTML;
};

<div id="someText">Click Me!</div>
<div id="putHere"></div>

【讨论】：

我可以用 $("#button") $("#someText") 代替吗？
是的，我也可以使用它。在你点击按钮时你问的问题中......所以我添加了按钮事件
谢谢 :) 最好，因为如果有人经过，它会显示 JS 和 jQuery

【解决方案4】：

这应该可以工作

$('#putHere').text($('#someText').text());

【讨论】：

【解决方案5】：

$("button").click(function()  {
  $("#putHere").html($("#someText").text());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="someText"> Hello </div>
<div id="putHere"> </div>
<button>Click</button>

【讨论】：