jquery - jQueryで最初の要素の後にHTMLを挿入する

Question

2つの要素の間にHTMLを挿入しようとしていますが、コードのテストケースを減らしたものは次のとおりです。

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

私がやりたいのは、2つの間に「または」という単語を挿入することです。

<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>');