Question

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

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

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

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

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

Answer 1

jQuery选择器需要ID为“＃”的前缀和“。”类名的前缀，否则jQuery认为你试图按名称选择一个DOM元素（比如'div'或'ul'）。

尝试此操作（.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());

Here您将获得有关JQuery ID Selector的基本概念。

jQuery：将内容附加到具有特定id </div>的<div>

6 个答案: