jQuery .append вне тега

Question

Я совершенно новичок в jQuery. Если честно, это мои первые несколько дней.

И вот мой первый вопрос.

$(document).ready(function() {
    $('span.head-span').parent().addClass('head-h').append('<div class="clx" />')
});

В результате у меня это

<h1 class="head-h"><span class="head-span">This is Some Heading</span><div class="clx"/></h1>

Что мне нужно сделать в jQuery, чтобы мой .clx появился после. как это

<h1 class="head-h"><span class="head-span">This is Some Heading</span></h1><div class="clx"/>

Большое спасибо заранее.

Answer 1

Вы сможете сделать это, используя after() вместо append()

$('span.head-span').parent().addClass('head-h').after('<div class="clx" />')

Answer 2

Используйте метод after , например:

$('span.head-span').parent().addClass('head-h').after('<div class="clx" />')

Answer 3

Если вам нужен div после заголовка, не добавляйте его, используйте метод after:

$('h1').after('<div class="clx" />');