jquery - 使用 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 示例

并且如评论中所述，span:eq(0)也相当于span:first.

Answer 2

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

Answer 3

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