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

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';
document.querySelectorAll('.item').forEach(function (element) {
  var textNode = element.firstChild,
      string = textNode.data,
      index = string.indexOf('【りんご】');

  if (index !== -1) {
    textNode.deleteData(index, string.length);
  }
});