jquery - 用 jQuery 替换所有出现的一个类名

Question

假设我有一个 ID 为“菜单”的 UL。如果我想找到该菜单中所有具有“foo”类的列表项，删除“foo”类并添加“bar”类，我将如何使用 jQuery 执行此操作？这是我到目前为止所得到的。我的语法有点不对劲。

$('#menu').children().hasClass('foo').removeClass('foo').addClass('bar');

此外，如果列表项还没有“foo”类，那么我也不希望它有“bar”类。

Answer 1

只需使用选择器查询选择您想要的所有项目：

$("#menu > .foo").removeClass("foo").addClass("bar");

#menu > .foo#menu选择所有具有 class的直接子级.foo。

Answer 2

.hasClass()返回一个布尔值

$('#menu > .foo').removeClass('foo').addClass('bar');

或尝试

$('#menu > .foo').toggleClass('foo bar');