Jquery 如何在页面加载时删除单词？

我的目标是在页面加载时删除div标记中的指定单词。 这是我的密码

jQuery(document).ready(function(){
  jQuery(function() {
    var text = jQuery('#breadcrumbs').text();
    var wordsCount = text.split(' ').length;
      new_str3= text.split(' ');
      var dd = new_str3.length;
      new_str3.splice(-2, 1, ' ');
 //i add this #output_ for me to see the output
jQuery('#output_').html(new_str3.join(''));
      });
  });

这是输出之前未修改的

主页»程序»样本程序»丰胸»隆胸

现在我的代码输出如下

家庭»程序»取样程序»隆胸

如果你注意到乳房和隆胸之间没有“»”。现在，我想要的是，当页面加载时，#breadcrumbs中丰胸和隆胸之间的字符“»”将自动删除，以便现在的输出为：

主页»程序»样本程序»隆胸

---

请帮助我如何做到这一点，只是通过加强我的给定代码。还有请。不要问我为什么要这样做，因为这是面包屑，这是有目的的。

使用

lastIndexOf

和

slice

jQuery(document).ready(function() {
    jQuery('#breadcrumbs').text(function(i, v) {
        var index = v.lastIndexOf("»");
        return v.slice(0, index) + v.slice(index + 2);
    });
});

---

所以-您需要删除始终最后一个符号“>>”-对吗？ 为什么不使用“>>”进行拆分，然后再次连接整个字符串，但在数组中最后一个元素之前不使用“>>”呢 这应该是这样的：

    jQuery(document).ready(function(){
  jQuery(function() {
    var text = jQuery('#breadcrumbs').text();
    var textArray = text.split('>>');
var breadcrumbs = '';
for(i = 0; i< textArray.length -2; i++) //without 2 last elements
{
breadcrumbs += textArray[i];
breadcrumbs += " >> ";
}
//and now two last elements
breadcrumbs += textArray[textArray.length -1];
breadcrumbs += textArray[textArray.length];
jQuery('#output_').html(breadcrumbs);
      });
  });

jQuery（文档）.ready（函数（）{
jQuery（函数（）{
var text=jQuery（'#breadcrumbs'）.text（）；
var textArray=text.split（'>>'）；
变量面包屑=“”；
对于（i=0；i>”；
}
//现在是最后两个元素
breadcrumbs+=textArray[textArray.length-1]；
breadcrumbs+=textArray[textArray.length]；
jQuery（'#output'）.html（breadcrumbs）；
});
});

---

它应该可以工作（但没有测试；p）

很明显，OP需要一个更通用的方法，从他处理单词的方式可以看出。我认为这完全取代了div标签，简而言之就是纯文本。还请注意，“主页»程序»示例程序”是链接，应该是链接。顺便说一句，这是一个动态页面。拆分并连接最后两部分不是更简单吗？@t0mppa你能告诉我怎么做吗？我也这么想，只获取最后两个单词，并对它们进行修改，以便不改变其他链接的单词。已经有一些答案，正在尝试这样做。如果你想得到一个更全面的答案，所有的HTML链接和粗体文本都能正常工作，如果你能在你的面包屑中发布HTML结构就可以了。