因此,我正在建立一个拥有众多产品的网上商店,使用不同的语言,因此每个班级都需要获得他们独立的课程。现在所有的课程都可以像现在这样。但是我需要在每个产品类之后添加像_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
由于
答案 0 :(得分:0)
设置元素的class属性:
$("#element").attr('class', 'new-class');
您还可以添加一个类,检查您的元素是否有类,删除或切换类:http://api.jquery.com/category/manipulation/class-attribute/
我认为这不是一个好习惯,但这是一个关于如何操纵类属性的示例:https://jsfiddle.net/upb2po8q/6/
更新: 您的案例示例 - 我选择所有产品,然后根据它们进行交互添加语言后缀:https://jsfiddle.net/upb2po8q/15/
答案 1 :(得分:0)
您可以使用attribute starts with选择器,例如:
$("div#row").find("div[class^='product']").each(function(i, ele) {
var newClass = $(ele).attr('class') + "_de";
$(ele).attr('class', newClass);
});