Question

所以我试图将我的网站上的这部分代码改为“产品”改为“购物”

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

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

面包屑中的产品文字来自＆gt;产品＆lt;部分当我将其更改为“商店”时，它在网站上的面包屑中进行了更改。

我需要一种方法来使用CSS或jQuery将其编码到我的网站中，因为这是一个wordpress网站，所以它会改变

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

到

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

任何想法？

谢谢，

哈维

[]

2 [ Functions.php ] 3

Answer 1

不要使用$(".breadcrumb_last")作为选择器在其他网页上，您的.breadcrumb_last可能不包含所需的Products文字^{（请参阅 ex.2 ）}

相反，定位父选择器（在您的特定情况下为#breadcrumbs）而不是a, strong个孩子 - 以确保您不会更改任何其他内容 - 但是具有"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>这样的孩子 - 这显然是一件危险的事情：）

Answer 2

使用现有的HTML，我建议您使用以下代码：

  $(".breadcrumb_last").text("Shop");

但是，如果元素具有ID会更好，因为碰撞（更新许多元素）的可能性会降低。如果您决定为元素提供ID，则以下代码将非常有用。

  $("#name-of-element").text("Shop");

JSfiddle示例：https://jsfiddle.net/9k8h53t9/

使用jQuery或CSS更改类名

2 个答案: