指定部分の文字列を取り出す

Question

ECサイトのカスタマイズをしていまして、商品一覧ページでデフォルトだと商品名が長く表示されてしまう為、特定の文字列だけ切り出して置き換えたいと考えています。

<div class="product">
 <p class="product-name">(切り出すテキスト)テキストテキストテキスト</p>
</div>

<div class="product">
 <p class="product-name">テキストテキストテキスト</p>
</div>

<div class="product">
 <p class="product-name">テキストテキストテキスト</p>
</div>

<div class="product">
 <p class="product-name">テキストテキストテキスト</p>
</div>

jQuery(document).ready(function () {
 jQuery(".product-name").each(function () {
  var t = jQuery(this).text();
   jQuery(this).text(t.substring(t.indexOf("(") + 1, t.indexOf(")") ));
 });
});

上記のようなコードで試してみたのですが、(切り出すテキスト)がある場合はうまくそのテキストを切り出せているのですが、
(切り出すテキスト)が無い場合は空白に置き換わってしまいます。
(切り出すテキスト)が無い場合はそのままの商品名を表示させたいのですが、どのようにすればいいのでしょうか？
よろしくお願い致します。

Answer 1

$(function(){
  var name=$('.product-name').map(function(){
    var t=$(this).text();
    if(r=t.match(/((.+?))/)) t=r[1];
    return t;
  }).get();
  console.log(name);
});

Comments

[ysfree14]

回答ありがとうございました。

Answer 2

jQuery(document).ready(function () {
 jQuery(".product-name").each(function () {
   var t = jQuery(this).text();
   if (/(.+)/.test(t)) {
     jQuery(this).text(t.substring(t.indexOf("(") + 1, t.indexOf(")") ));  
   }
 });
});

Comments

[ysfree14]

回答ありがとうございました。
こちらで実装できました。

Answer 3

置換を行う前に、テキストに(切り出すテキスト)が含まれているかのチェックを追加するのはいかがでしょう。
【JavaScript】～を含むかのチェック

jQuery(document).ready(function () {
 jQuery(".product-name").each(function () {
  var t = jQuery(this).text();
　　//ここにif文を仕込む
   jQuery(this).text(t.substring(t.indexOf("(") + 1, t.indexOf(")") ));
 });
});

Comments

[ysfree14]

回答ありがとうございました。