jquery .inside ()?

Question

Мне было интересно, можно ли было вставить контент в HTML-теги. Допустим, у вас есть тег h4:

<h4>Some Header</h4>

И вы хотите, чтобы текст также был окружен промежутком с классом "line". Вот так:

<h4><span class="line">Some Header</span></h4>

Я знаю о таких вещах, как .after (), но есть ли что-то вроде .inside () для этого? \

Хорошо ... Я знаю, что мог бы сделать это вручную, но в этой ситуации об этом не может быть и речи.

Спасибо

Answer 1

$('h4').wrapInner('<span class="line" />');

Answer 2

Это должно работать:

$('h4').contents().wrapAll('<span class="line" />');

Answer 3

Да, он называется $ .wrapInner ()

http://api.jquery.com/wrap/

<h4>Some Header</h4>

и затем:

$('h4').wrapInner('<span class="line" />');

Answer 4

Вы должны попробовать wrapInner .

Функция .wrapInner () может принимать любые строка или объект, который может быть передан к фабричной функции $ (), чтобы указать структура DOM. Эта структура может быть вложенный в несколько уровней, но должен содержать только один внутренний элемент. структура будет обернута вокруг содержание каждого из элементов в набор подходящих элементов.

Answer 5

Если вы хотите найти существующее содержимое и обернуть его (чтобы у <h4> было содержимое, обернутое <span>, как показано), попробуйте wrap и children .