javascript - 用Javascript替换标签内的字符串

<nav class="woocommerce-breadcrumb"><a href="http://domain.com/" class="home">Home</a> &gt; Product</nav>

使用jQuery或Javascript，我如何能够将“产品”一词重命名为其他值？

var brandname = $('.tax-product_brand h1.page-title').text();
var crumb = $('.woocommerce-breadcrumb').text();
console.log(crumb);
crumb.replace("Product", brandname);

我没有运气尝试了上面

最佳答案

使用.html()而不是.text()，否则您将丢失标记：

var crumb = $('.woocommerce-breadcrumb').html();

然后将值应用回元素：

$('.woocommerce-breadcrumb').html(crumb.replace("Product", brandname));

另外，一种更简单的方法是将“ Product”放入其自己的元素中，然后仅替换该元素的文本：

<nav class="woocommerce-breadcrumb"><a href="http://domain.com/" class="home">Home</a> &gt; <span class="item">Product</span></nav>

然后，您的jQuery就是：

$(".woocommerce-breadcrumb .item").text(brandname);