Question

我有一个元素，其中包含一些像这样的html内容：

<span class="ecf-answer">Content here</span>和另一个我要加载的div 来自span元素的内容： <div>Content taken from the span element </div>。

这可以使用jQuery吗？

我在这里进行了搜索，但我发现了如何从另一个页面加载div内容的方法，而不是从同一页面加载div内容。

Answer 1

Fiddle Demo

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

.html()

另请阅读.append()和Dom insertion inside

Answer 2

你必须给你的span和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())
});

从div加载内容并将其添加到同一页面中的另一个div中

5 个答案: