加載內容，並將其添加到另一個格在同一頁內

我有一個包含一些HTML內容是這樣的元素：加載內容，並將其添加到另一個格在同一頁內

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

這是可能使用jQuery？

我在這裏做了一個搜索，但是我發現瞭如何從另一個頁面加載不是來自同一頁面的div內容的方法。

2014-01-22 agis

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

.html()

又讀.append()和Dom insertion inside

來源

2014-01-22 15:01:10

謝謝！但是，一旦內容被檢索到永久存在並且如果span元素不再存在以保持從其中檢索到的內容，它是否有可能呢？ – agis

你必須給你的跨度和DIV的ID。一旦完成，只需使用JavaScript這樣做很容易：

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

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

來源

2014-01-22 15:03:07 rbrundritt

好，標準JS愛好者像我這樣的：

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

凡div2爲目的地和div1源...

JSFIDDLE

來源

2014-01-22 15:05:19

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; 
}

來源

2014-01-22 15:06:32 ManelPNavarro

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()) 
});

來源

2014-01-22 15:09:31

加載內容，並將其添加到另一個格在同一頁內

回答

相關問題