javascript - 如何选择具有确切一个类名的元素？

Question

所以我有，

<ul>

<li class="foo">
abc
</li>

<li class="foo bar">
def
</li>

</ul>

如果我做$('.foo').css('font-size','x-large');

这将使用大字体更改两个 li 元素。我怎样才能选择只有“foo”而不是“bar”的类？

谢谢！

Answer 1

我想您可以使用以下属性选择器：

$('li[class=foo]');

这是一个可以玩的JSFiddle 。)

Answer 2

这应该有效：

$('.foo:first').css('font-size','x-large');