0

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

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

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

4

2 回答 2

2

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

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

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

于 2013-11-13T00:39:07.833 回答
0

.hasClass()返回一个布尔值

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

或尝试

$('#menu > .foo').toggleClass('foo bar');
于 2013-11-13T00:39:16.193 回答