用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所有具有课程.foo的直接子女。

Answer 2

.hasClass()返回一个布尔值

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

或尝试

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