如何在jquery或其他方法中获取追加值？
我想显示值Hello Append !!!在<div id="get_append_value"></div>代码附加值
我的Javascript代码：
$(document).ready(function() {
$("#show_append_value").append("Hello Append!!!");
});
我的Html代码
<body>
<div id="show_append_value"></div>
<div id="show_hello_world">Hello World!!!</div>
<br>
<br>
<div id="get_append_value"></div <!--need to use jquery to show 'Hello Append!!! on it, but result is empty'-->
<div id="get_hello_world"></div>
</body>
<script>
var $show_value = $('#show_append_value').html();
$('#get_append_value').html($show_value);
var $show_value2 = $('#show_hello_world').html();
$('#get_hello_world').html($show_value2);
</script>
结果：
Hello Append!!!
Hello World!!!
Hello World!!!
虽然它可以显示<div id="show_append_value">和<div id="show_hello_world">的值，但它不会在<div id="get_append_value"></div>上显示附加值，它是空的
有人可以教我如何在jquery或其他方法中获取附加值以显示其他div标签上的值吗？
答案 0 :(得分：1)
您的代码执行顺序错误。
在任何回调之外直接放在script标记中的任何代码都会在之前执行ready回调中的内容执行，以便表示Hello Append!!在您提取文档时尚未出现在文档中。
要解决此问题，请将所有代码放在ready事件处理程序中：
$(document).ready(function() {
$("#show_append_value").append("Hello Append!!!");
var $show_value = $('#show_append_value').html();
$('#get_append_value').html($show_value);
var $show_value2 = $('#show_hello_world').html();
$('#get_hello_world').html($show_value2);
});