Как применить класс к первой кнопке div?

Question

У меня есть этот HTML, и я хочу применить класс к первой кнопке DIV.

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

Я хочу добавить класс к первой кнопке.

Я хочу использовать jQuery для этого решения.

Answer 1

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

Источник: http://www.w3.org/TR/CSS2/selector.html#first-child

Answer 2

Используйте переключатель : первый ребенок

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

Answer 3

Вы можете посмотреть на это: http://docs.jquery.com/Selectors/firstChild

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

Answer 4

Вы можете добавить второй класс, как этот.

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