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" />')