（jQuery）特定のクラスがついている文字列について、記号を挟めて並べたい。

Question

実現したいこと

「selected」クラスがついている項目の文字列（みかん、さくらんぼ、いちご）を「みかん、さくらんぼ、いちご」のように「、」を挟めて並べたいです。

わからないこと

下記のソースコードの通り、現状「みかんさくらんぼいちご」の状態です。
配列を使うのかな、と思い試行錯誤したのですが、どうしても方法が分からなかったので質問しました。
よろしくお願いします。

現状のソースコード

<ul class="list">
  <li>りんご</li>
  <li class="selected">みかん</li>
  <li>ぶどう</li>
  <li class="selected">さくらんぼ</li>
  <li class="selected">いちご</li>
  <li>レモン</li>
</ul>
<p class="result"></p>

$(function () {
    var selectedItem = $('.list').find('.selected').text();
    $('.result').text(selectedItem);
  });

Answer 1

いきなりtext()だと全部取るのでeachでpushしていってjoinとか。

$(function () {
	let wordlist = [];
    $('.list').find('.selected').each(function(idx,el){
    	wordlist.push($(el).text());
    });
    $('.result').text(wordlist.join("、"));
});

Comments

[omiyage1010]

なるほど、そのようにpushで...！
ありがとうございました。

[m.ts10806]

あくまで一案です。ゴリゴリ「できるやり方」を書いていったに過ぎません。
きちんと走査すれば一度配列におさめずシンプルに実現可能かもしれません。