jquery - 如何使用 .attr() 方法返回多个 CSS 类？

Question

我有一个列表，其中的列表项有多个 CSS 类，例如:

<li class="nav-all active"><a href="#">All</a></li>

我正在尝试使用 jQuery 在点击时将此信息提取到字符串中:

var navButtons = $(".nav li");
navButtons.click(function() {
var category = $(this).attr('class');
//Do more stuff here
});

但是，我只返回了第一类，而不是完整的字符串，在本例中为 "nav-all active"。这是预期的功能吗？我在 API 中没有看到任何有关此行为的信息。另外，有没有办法修改 .attr 调用，以便我得到完整的结果，或者 this.className 是这里唯一的选择？

编辑:感谢大家的帮助。我将这个问题中的示例代码基于一个更大的脚本，该脚本正在动态应用第二个类，结果我在 li 时调用了 .attr > 只有一节课，所以我得到了正确的结果。看到@Barmar 分享的 fiddle 帮助我建立了联系，所以我想要点是孤立地测试较小的位。

Answer 1

您可以使用 this.classList 获取它，它将返回一个类似列表的数组。

var navButtons = $(".nav li");
navButtons.click(function() {
var category = this.classList;
category[0];// => "nav-all"
//Do more stuff here
});

关于 token 列表的更多信息 https://developer.mozilla.org/en/docs/Web/API/DOMTokenList