從DIV內容

Question

我使用WooCommerce，不得不包括

<br> 

在產品名稱

只刪除
。

這打破了現在顯示爲

<br /> 

在.woocommerce，麪包屑

。

這是麪包屑的樣子：

<nav class="woocommerce-breadcrumb" itemprop="breadcrumb"> 
     <a href="http://localhost/WP">Home</a> 
     &nbsp;&#47;&nbsp; 
     <a href="http://localhost/WP/product-category/guitars/">Guitars</a> 
     &nbsp;&#47;&nbsp; 
     <a href="http://localhost/WP/product-category/guitars/electric-guitars/">Electric Guitars</a> 
     &nbsp;&#47;&nbsp; 
     <a href="http://localhost/WP/product-category/guitars/electric-guitars/fender-electric-guitar/">Fender-123-electric-guitar</a> 
     &nbsp;&#47;&nbsp;Fender American Standard&lt;br /&gt; Stratocaster Sienna Sunburst 
    </nav> 

正如你所看到的最後一行導航包含在瀏覽器字面上看起來像< BR />

目前在休息前我試圖擺脫它，但它打破了麪包屑的功能！

$(function() { 
     $('.woocommerce-breadcrumb').text(function(_,txt) { 
      return txt.split('<br />').shift(); 
     }); 
    }); 

有什麼建議嗎？

謝謝！

Answer 1

text方法是破壞性，即它重置元素的內容。您可以遍歷childNodes並修改textNode s的nodeValue。

$('.woocommerce-breadcrumb').contents().each(function() { 
    if (this.nodeType === 3) { 
     this.nodeValue = this.nodeValue.replace(/<br \/>/g, ''); 
    } 
}); 

http://jsfiddle.net/zb8j43cu/