假设我有一个 ID 为“菜单”的 UL。如果我想找到该菜单中所有具有“foo”类的列表项,删除“foo”类并添加“bar”类,我将如何使用 jQuery 执行此操作?这是我到目前为止所得到的。我的语法有点不对劲。
$('#menu').children().hasClass('foo').removeClass('foo').addClass('bar');
此外,如果列表项还没有“foo”类,那么我也不希望它有“bar”类。
假设我有一个 ID 为“菜单”的 UL。如果我想找到该菜单中所有具有“foo”类的列表项,删除“foo”类并添加“bar”类,我将如何使用 jQuery 执行此操作?这是我到目前为止所得到的。我的语法有点不对劲。
$('#menu').children().hasClass('foo').removeClass('foo').addClass('bar');
此外,如果列表项还没有“foo”类,那么我也不希望它有“bar”类。
只需使用选择器查询选择您想要的所有项目:
$("#menu > .foo").removeClass("foo").addClass("bar");
#menu > .foo
#menu
选择所有具有 class的直接子级.foo
。
.hasClass()
返回一个布尔值
$('#menu > .foo').removeClass('foo').addClass('bar');
或尝试
$('#menu > .foo').toggleClass('foo bar');