ECサイトのカスタマイズをしていまして、商品一覧ページでデフォルトだと商品名が長く表示されてしまう為、特定の文字列だけ切り出して置き換えたいと考えています。
html
1<div class="product"> 2 <p class="product-name">(切り出すテキスト)テキストテキストテキスト</p> 3</div> 4 5<div class="product"> 6 <p class="product-name">テキストテキストテキスト</p> 7</div> 8 9<div class="product"> 10 <p class="product-name">テキストテキストテキスト</p> 11</div> 12 13<div class="product"> 14 <p class="product-name">テキストテキストテキスト</p> 15</div> 16
jquery
1jQuery(document).ready(function () { 2 jQuery(".product-name").each(function () { 3 var t = jQuery(this).text(); 4 jQuery(this).text(t.substring(t.indexOf("(") + 1, t.indexOf(")") )); 5 }); 6});
上記のようなコードで試してみたのですが、(切り出すテキスト)がある場合はうまくそのテキストを切り出せているのですが、
(切り出すテキスト)が無い場合は空白に置き換わってしまいます。
(切り出すテキスト)が無い場合はそのままの商品名を表示させたいのですが、どのようにすればいいのでしょうか?
よろしくお願い致します。
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/11/22 08:41