Как добавить, взять строку HTML и сделать ее дочерней по отношению к некоторому узлу?

Question

Я хочу сделать что-то вроде этого:

Начальный дом:

<div class="example"></div>

...

$('.example').somejqueryfunction('<span>Hello There</span>');

...

<div class="example">
    <span>Hello There</span>
</div>

Answer 1

Вы можете использовать функцию jQuery .append () :

$('.example').append('<span>Hello There</span>');

Answer 2

Я полагаю, что вы ищете jQuery.fn.html(string).

Это делает ваш пример похожим на это:

$('.example').html('<span>Hello There</span>');

Это заменит текущий HTML внутри выбранного элемента.Следует отметить, что он работает только с первым элементом совпадения.

Вы также можете использовать его как получатель, не передавая никаких параметров, хотя он снова работает только с первым элементом совпадения.

Больше информации на сайте jQuery.

Answer 3

Функция append () добавит фрагмент HTML (текст, элементы HTML) к целевому элементу.

Так, например, $ ('. Example'). Append ('Hello There') будетдостигните нужных результатов.

Если вы хотите перезаписать все содержимое элемента, функция html () сделает это.

• append (): http://api.jquery.com/append/
• html (): http://api.jquery.com/html/

Answer 4

Используйте append () или prepend ().Это вставит данный элемент сверху или снизу целевого элемента.

Answer 5

Посмотрите на:

http://api.jquery.com/prepend/ - вставить как первый ребенок

http://api.jquery.com/append/ - вставить как последний ребенок

http://api.jquery.com/html/ - вставить замену всего содержимого

Answer 6

Много способов, в зависимости от того, чего вы хотите достичь:

$('<span>').appendTo('div');
$('<span>').prependTo('div');
$('div').append('<span>');
$('div').prepend('<span>');
$('div').html('<span>');
...

Answer 7

Я думаю, вы ищете функцию добавления jquery.

добавить