テキストノード値の検索ワード以降の文字列を削除する

HTML

<div class="item">商品名【商品ID】【りんご】【春夏秋冬】りんごのジュース 全3種</div>
<div class="item">商品名【商品ID】【りんご】【春夏秋冬】りんごのジュース 全3種</div>
<div class="item">商品名【商品ID】【バナナ】【春夏秋冬】バナナのジュース 全3種</div>
<div class="item">商品名【商品ID】【オレンジ】【春夏秋冬】オレンジのジュース 全3種</div>

<ul>
 <li><a href="https://teratail.com/questions/67478">JavaScript - 文字列の特定のキーワード以降を削除するにはどうしたら良いでしょうか？(67478)｜teratail</a></li>
</ul>

JavaScript

'use strict';
jQuery('.item').text(function (i, string) {
  var index = string.indexOf('【りんご】');
  return index !== -1 ? string.slice(0, index) : string;
});