Question

我正在使用WooCommerce并且必须包含

    <br>

在产品名称中。

此突破现在显示为

    <br />

<。>在.woocommerce-breadcrumb中。

这就是面包屑的样子：

    <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>

正如你可以看到导航包含断点之前的最后一行，在浏览器中看起来像是＆lt; br /＆gt;

目前我正试图摆脱它，但它打破了面包屑的功能！

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

有什么建议吗？

谢谢！

Answer 1

text方法是破坏性，即它重置元素的内容。您可以遍历childNodes并修改nodeValue的{{1}}。

textNode

http://jsfiddle.net/zb8j43cu/

仅从div内容中删除

1 个答案: