jQuery：将内容附加到中具有特定的id

Question

我有一些使用 jQuery 生成大量文本框的代码。目前，它只是将它们添加到我的表单中的页面底部。

我创建了一个名为“timearea”的 div，我想将这些文本框放入其中。如何使用 jQuery 附加到它？

<div id="timearea"> </div>

这是我尝试过的当前代码，但它破坏了我的js。

  $('body').append('timearea');

Answer 1

jQuery 选择器需要 ID 的“#”前缀和“.”类名的前缀，否则 jQuery 认为您正在尝试通过名称（如“div”或“ul”）来选择 DOM 元素。

试试这个（.html() 抓取所选元素的内容）：

<script type="text/javascript">
    $(document).ready(function() {
        $('body').append($('#timearea_DIV').html());
    });
</script>
...

<div id="timearea_DIV">
    <div id="timearea"></div>
</div>

Answer 2

您是否正在寻找这个：

$('#timearea').append([html for textbox]);

Answer 3

Append 的正确用法是添加实际的 HTML：

$('body').append('<div>timearea</div>');

请注意，我省略了 id，因为如果您多次执行此操作，则不能拥有多个 ID（它需要是一个类）。

假设您想在文档底部添加一个 div，问题不清楚。

如果您想向“timearea”div 添加一些 HTML，您需要：

$("#timearea").append("[some HTML here]");

Answer 4

$('#timearea').appendTo('body');

Answer 5

$('body').append($('#timearea'));

请注意，在使用append()之后，原始节点实际上将被移动而不是复制。

Answer 6

尝试以下操作：

$('body').append(($('#timearea')).html());

在这里您将了解 JQuery ID 选择器的基本概念。