jquery - 用jquery替换特定的html？

Question

我有一个具有不同级别的巨大复选框列表，我想对其进行样式设置，但由于所有项目都具有相同的类，并且没有 id 或 wordpress 的联系表 7 无法在复选框面板中创建子级别，我认为我可以实现这一点用jQuery。

生成的html是：

<span class="wpcf7-list-item-label">--- Checkbox level one</span>
<span class="wpcf7-list-item-label">------ Checkbox level two</span>

我想要实现的是替换

<span class="wpcf7-list-item-label">---

和

<span class="wpcf7-list-item-label level-one">

我试过这段代码

 <script>
    $("<span class=\"wpcf7-list-item-label\">---").replaceWith( "<span class=\"wpcf7-list-item-label level-one\">" );
    </script>

但是没有成功，是否可以使用 jquery 来实现？

谢谢你的时间。

score 4 · Accepted Answer

$('span.wpcf7-list-item-label:first').addClass("level-one")

如果要根据索引向所有跨度添加一个类：

$('span.wpcf7-list-item-label').each(function(index){
    $(this).addClass('level-' + index);
});

score 2 · Accepted Answer

用这个：

$('.wpcf7-list-item-label').first().addClass('level-one');

为了检查特定的文本，

$(".wpcf7-list-item-label:contains('---')").addClass('level-one');

score 1 · Accepted Answer

用这个：

$('.wpcf7-list-item-label').first().removeClass("existingclass").addClass("newclass");

3 回答 3