從div加載內容並將其添加到同一頁面中的另一個div中

Question

我有一個元素，其中包含一些類似這樣的html內容：

<span class="ecf-answer">Content here</span>和我要從span元素加載內容的另一個div： <div>Content taken from the span element </div> 。

使用jQuery是否可行？

我在這里進行了搜索，但只找到了有關如何從另一個頁面而非同一頁面加載div內容的方法。

Answer 1

小提琴演示

$('#divID').html($('span.ecf-answer').html());

.html（）

另請閱讀.append（）和內部的Dom插入

Answer 2

您將必須給您的跨度和div一個ID。 一旦完成此操作，就可以使用JavaScript這樣簡單地做到這一點：

document.getElemenetById("divId").innerHTML = document.getElemenetById("spanId").innerHTML;

可以使用jQuery，但不會增加太多價值。

Answer 3

好吧，對於像我這樣的標准JS愛好者：

document.getElementById("div2").innerHTML = document.getElementById("div1").innerHTML;

div2是目標位置，而div1是源位置...

JSFIDDLE

Answer 4

Javascript在客戶端起作用，因此您可以在同一頁面中“移動”信息，但是問題是，什么時候要移動它？ 在按鈕上單擊？

您可以使用Javascript將原始內容加載到隱藏的輸入中，例如：

<span class="ecf-answer">Content here</span>
<input type="hidden" value="Content" id="originalContent">

and then:

function(){
 var content = document.getElementById('originalContent').value;
 document.getElementById('id').innerHTML = content;
}

Answer 5

here is the html

<div id="divAddMe"></div>
<span id="spmMessage">
test me
</span>

//script to add the content from the span

$(function(){
   $("#divAddMe").html($("#spmMessage").text())
});