Question

因此，我正在建立一个拥有众多产品的网上商店，使用不同的语言，因此每个班级都需要获得他们独立的课程。现在所有的课程都可以像现在这样。但是我需要在每个产品类之后添加像_fr或_it或_de。介意这是在WordPress中制作的，但我正在尝试自己定制这个部分（有一些帮助）

有没有办法操纵类而不是删除它然后再添加一个类？

编辑：让我们说我们有这个：

<div id="row">
<div class="product1"></div>
<div class="product2"></div>
<div class="product3"></div>
<div class="product4"></div>
</div>

我需要它像这样：

<div id="row">
<div class="product1_de"></div>
<div class="product2_de"></div>
<div class="product3_de></div>
<div class="product4_de"></div>
</div>

使用jQuery或JavaScript

由于

Answer 1

设置元素的class属性：

$("#element").attr('class', 'new-class');

您还可以添加一个类，检查您的元素是否有类，删除或切换类：http://api.jquery.com/category/manipulation/class-attribute/

我认为这不是一个好习惯，但这是一个关于如何操纵类属性的示例：https://jsfiddle.net/upb2po8q/6/

更新：您的案例示例 - 我选择所有产品，然后根据它们进行交互添加语言后缀：https://jsfiddle.net/upb2po8q/15/

Answer 2

您可以使用attribute starts with选择器，例如：

$("div#row").find("div[class^='product']").each(function(i, ele) {
    var newClass = $(ele).attr('class') + "_de";
    $(ele).attr('class', newClass);
});

如何操作类 - jQuery

2 个答案: