[jQuery]after beforeメソッドについて

jQuery日本語リファレンスのafter、beforeメソッドを見るとそれぞれ下のように書かれている。

各要素の前にコンテンツを挿入する。

via:before(content)

各要素の後ろにコンテンツを挿入する。

via:after(content)

それぞれの説明に「各要素」と書かれているんだけど、1個の要素に絞ることはできるのだろうか？

結果からいうと可能のようです。

<script>
jQuery(function($) {
  $($('#hoge > div')[1]).before($('<div>4</div>'));
});
</script>
<div id="hoge">
  <div>1</div>
  <div>2</div>
  <div>3</div>
</div>

<script>
jQuery(function($) {
  $($('#hoge > div')[1]).after($('<div>4</div>'));
});
</script>
<div id="hoge">
  <div>1</div>
  <div>2</div>
  <div>3</div>
</div>

上を実行したら正常終了しました。

こうして検証を行ったので次回以降ガシガシ使っていきたい。