JS、同じ要素が続いた時に追加したい要素がある

Question

前提・実現したいこと

以下のHTMLソースの様に、
要素.baseTable__item__textが二つ以上続いた時に文末にカンマ,を追加したいのですが、調べながら書いたjsでは想定箇所にカンマ,を出すことができませんでした。また要素が一つしかない時や複数ある時の最後の要素にはカンマを表示しないようにしたいのですが、記述方がわかりませんでした。

・要素.baseTable__item__textが二つ以上で要素の文末にカンマ,を追加
・最後の要素及び要素が一つしかない時はカンマ,は追加しない

該当のソースコード

<div class="baseTable__item">
  <span class="baseTable__item__text">タグ</span>
  <span class="baseTable__item__text">タグ2</span>
  <span class="baseTable__item__text">タグ3</span>
</div>

$(function(){
  $(".baseTable__item").each(function () {
    var num = $(this).find('.baseTable__item__text').length;
    if(num>2){
      $(this).append(',');
    }
  });
});

###要素が一つの時

<div class="baseTable__item">
  <span class="baseTable__item__text">タグ</span>
</div>

現状と実現したいイメージ図

現状↓

実現したい↓

Answer 1

.baseTable__item__text:nth-last-child(n+2)::after {
  content: ',';
}

https://developer.mozilla.org/ja/docs/Web/CSS/:nth-last-child

$('.baseTable__item__text:nth-last-child(n+2)').append(',');

Comments

[crigw]

CSSで設定できるのを失念していました…！
ありがとうございます。

Answer 2

これでどうでしょう。

$(function(){
  $(".baseTable__item__text:first-child ~ .baseTable__item__text").before(',');
});
```**動くサンプル：**[https://jsfiddle.net/3taqk9o5/](https://jsfiddle.net/3taqk9o5/)

Comments

[crigw]

こちらでも動きました、ありがとうございます！

Answer 3

続いた時

の定義がよくわかりません。続かない例が必要。
単に、最後以外の要素にカンマをたすならこう

Comments

[yambejp]

$(function(){
$('.baseTable__item__text:not(:last)').text(function(){return $(this).text()+","});
});

[crigw]

説明不足ですみません、補足を追加しました。