jQuery: добавление контента к <div>с определенным идентификатором

Question

У меня есть код, который генерирует множество текстовых полей с использованием jQuery. На данный момент он просто добавляет их в конец страницы в моей форме.

Я создал div под названием «timearea», в который я хотел бы поместить эти текстовые поля. Как мне добавить его с помощью jQuery?

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

Это текущий код, который я пробовал, но он сломал мой js.

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

Answer 1

Селекторам jQuery требуется префикс «#» для идентификаторов и «.» префикс для имен классов, в противном случае 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

Попробуйте следующее:

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

Здесь вы получите базовую концепцию JQuery ID Selector.

Answer 3

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

Обратите внимание, что после использования append () исходный узел будет фактически перемещен, а не скопирован.

Answer 4

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

Answer 5

Правильное использование append будет означать добавление фактического HTML:

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

Обратите внимание, что я пропустил идентификатор, потому что, если вы делаете это несколько раз, вы не можете иметь несколько идентификаторов.(это должен быть класс).

Предполагается, что вы хотите добавить div в конец документа, вопрос не ясен.

Если вы хотитеДобавьте HTML в div timearea, вам нужно:

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

Answer 6

Вы ищете это:

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