如何在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);
});