使用jQuery在第一个元素之后注入HTML

Question

我正在尝试在两个元素之间插入一些HTML，我的代码的简化测试用例是：

<div class="testing">
<span>1</span>
<span>2</span>
</div>

我想要做的是在两者之间注入“或”，所以：

<div class="testing">
<span>1</span>
<p> or </p>
<span>2</span>
</div>

我已经看过使用after和prepend方法，但似乎没有办法将它限制在div中的第一个跨度。

Answer 1

尝试：

$('div.testing span:eq(0)').after('<p> or </p>');

<强> jsFiddle example

正如评论中所述，span:eq(0)也相当于span:first。

Answer 2

$('.testing span:first').after('<p> or </p>');

Answer 3

$('.testing span').first().after('<p> or </p>');