javascript - 正確に1つのクラス名を持つ要素を選択するには?

Question

ので、私は持っています、

<ul>

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

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

</ul>

私が行った場合$('.foo').css('font-size','x-large');

これにより、両方の li 要素が大きなフォントで変更されます。「bar」ではなく「foo」のみでクラスを選択するにはどうすればよいですか?

ありがとう！

Answer 1

次の属性セレクターを使用できると思います。

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

これは、遊ぶためのJSFiddleです。)

Answer 2

これはうまくいくはずです：

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