文字列以外の要素を結合する

Question

例えば下記のように$('.first')の要素の後に、item配列に含まれる要素を順番にafterで並べたいと考えております。

$('.first').after($(item[0]),$(item[1]),$(item[2]))

ここで、itemの要素数が不明な場合、下記のように文字列をして連結して最後のカンマを取り除くような処理しかイメージが湧かないのですが、

var combined;
for (var i = 0; i < item.length; i++) {
  combined += "$(item[0]),"
}
combined = combined.slice(0,-1)

今回、実際には以下のように文字列以外の生のコードを可変対応させたいのです。

var combined　= $(item[0]),$(item[1]),$(item[2])
$('.first').after(combined　) 

どなたか、良い方法があればアドバイスを頂けると幸いです。
よろしくお願い申し上げます。

Answer 1

.after() には Array も渡せるようなので、

var combined = [];
for (var i = 0; i < item.length; i++) {
  combined.push($(item[i]));
}

$('.first').after(combined);

と、できないでしょうか？

Comments

[pegy]

ありがとうございます！コードもスッキリして、見事に最適解でした。知識不足で申し訳ございません。
結果として実装したいものを実現することができました。

一方、ドキュメントの見方に不案内で申し訳ないのですが
.after( content [, content] )
のように引数に[,~]のように後者のカンマ括弧書きしているのは、具体的にはどのような意味になるのでしょうか？もともとはこれがあれば複数のcontentを並べることができるという意味で解釈していたのですが、ドキュメントを見ると
content->
HTML文字列, DOM要素, jQueryオブジェクトを指定して、マッチした各要素の後ろに挿入します。
[, content]->
更に挿入したいHTML文字列, DOM要素, jQueryオブジェクトを、またはそれらの配列を指定します。

と微妙に説明が異なり、content側には配列を指定することができる説明がないので、少し混乱しております。

重ねて申し訳ございませんが、よろしくお願い申し上げます。

[yh1224]

カンマ括弧書きはその理解で合っています。

公式リファレンス(原文)では、いずれも「HTML string, DOM element, text node, array of elements and text nodes, or jQuery object to insert after each element in the set of matched elements.」となっていて、違いはないようです。

https://api.jquery.com/after/

[pegy]

ありがとうございます。確かに原文で見るべきでした、確かに全く一緒ですね。
お力添えに御礼申し上げます。