如何将类应用于div的第一个按钮？

Question

我有这个HTML，我想把类应用到DIV的第一个按钮。

<div class="button-container">
 <button class="save" />
 <button class="reset" />
</div>

我想在第一个按钮上添加课程。

我想在这个解决方案中使用jQuery。

Answer 1

使用:first-child选择器

$("div.button-container button:first-child" ).addClass ( "yourclass" );

Answer 2

你可以看看这个： http://docs.jquery.com/Selectors/firstChild

$('div button:first-child').addClass(...)

Answer 3

div.button-container > button:first-child { font-weight: bold; }

来源：http://www.w3.org/TR/CSS2/selector.html#first-child

Answer 4

你可以像这样添加第二个类。

<div class="button-container">
 <button class="save SecondClass" />
 <button class="reset" />
</div>