在JQuery中的文本节点之后添加span元素

Question

我有这个例子

$('span.first').append('<span class="second">2</span>');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class="first">1</span> HELLO

我得到以下输出：12 HELLO

我需要以下输出：1 HELLO 2

Answer 1

您的代码将2作为子元素放置在span元素中，因此为什么显示为12。对于您要得到的结果，只需附加到该元素的父元素即可：

$('span.first').parent().append('<span class="second">2</span>');