如何在jquery或其他方法中获取追加值

How to get append value in jquery or other method?

本文关键字：获取 追加 方法 其他 jquery      更新时间：2023-09-26

如何在jquery或其他方法中获取append值？

我想显示值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标记上显示值吗？

您的代码以错误的顺序执行。

任何直接放在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);
});
相关文章：