加载内容，并将其添加到另一个格在同一页内

我有一个包含一些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

加载内容，并将其添加到另一个格在同一页内

回答

相关问题