jquery - 使用 jQuery 或 CSS 更改类名

Question

所以我正在尝试将我网站上的这部分代码从说“产品”更改为“商店”

_{问题的图像以红色突出显示:}

<strong class="breadcrumb_last">Products</strong>

面包屑中的产品文本是从 >Products< 部分提取的，因为当我将其更改为“商店”时，它在网站的面包屑中进行了更改。

我需要一种使用 CSS 或 jQuery 将其编码到我的网站中的方法，因为这是一个 wordpress 网站，因此它会发生变化

<strong class="breadcrumb_last">Products</strong>

到

<strong class="breadcrumb_last">Shop</strong>

有什么想法吗？

谢谢，

哈维

[ ]

2 [ ] 3

Answer 1

不要使用$(".breadcrumb_last")作为选择器。
在其他页面上，您的 .breadcrumb_last可能不包含所需的 Products text ^(见ex.2)

相反，定位父选择器(在您的特定情况下为 #breadcrumbs)，而不是 a, strong children - 为了确保你不改变任何其他东西 - 但具有 "Products" 的元素字符串。方法如下:

jQuery(function($) { // DOM ready and $ alias secured

  $("#breadcrumbs").find('a, strong').text(function(idx, txt) {
    if (txt === "Products") return "Shop";
  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<p id="breadcrumbs">

  EXAMPLE 1<br><br>

  <span>
    <span>
      <a href="#!">Home</a>
      &raquo;
      <strong class="breadcrumb_last">Products</strong>
    </span>
  </span>

  <br><br> EXAMPLE 2<br><br>

  <span>
    <span>
      <a href="#!">Home</a>
      &raquo;
      <a href="#!">Products</a> 
      &raquo;
      <strong class="breadcrumb_last">This is a product 1</strong>
    </span>
  </span>

</p>

同样，您可以使用 :contains("Products")但这也会针对像<a>Dangerous Products</a>这样的 child - 这显然是一件危险的事情:)