用另一个Div中的文本替换Div中的文本

Question

<div id="replaceMe">I'm a Girl</div>

<div id="iamReplacement" style="display:none">No your are a Boy Girl</div>

replaceMe中的文字应替换为iamReplacement

中的文字

我认为它可以在java脚本或jquery中完成..有人可以帮我解决这个问题。

尝试（不工作）

<script>
    jQuery('#replaceMe').replaceWith(jQuery('#iamReplacement'));
</script>

Answer 1

尝试使用jQuery：

$("#replaceMe").html($("#iamReplacement").html());

或纯JavaScript：

document.getElementById("replaceMe").innerHTML = document.getElementById("iamReplacement").innerHTML;

Answer 2

这应该有效：

$('#replaceMe').html($('#iamReplacement').html());

Answer 3

使用jQuery：

jQuery(function() {
    jQuery('#replaceMe').html(
        jQuery('#iamReplacement').html()
    );
});

编辑：jsFiddle

Answer 4

您正在使用 隐身 div替换div。如果您要使用.replaceWith()，请务必同时使用.show()，因为它将原始div替换为隐藏的jQuery('#replaceMe').replaceWith(jQuery('#iamReplacement').show()); ：

{{1}}

样本： http://jsfiddle.net/dirtyd77/dyZ3A/

Answer 5

尝试以下JavaScript

document.getElementById("replaceMe").innerHTML = document.getElementById("iamReplacement").innerHTML;

在这个JSFiddle中查看：http://jsfiddle.net/vwWhr/

Answer 6

<script>
$('#replaceMe').html($('#iamReplacement').html());
</script>

Answer 7

请尝试以下代码：

$(document).ready(function(){
 //you can put your code code in your event
  $('#replaceMe').html($('#iamReplacement').html());

});