如何將類應用於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

您可以像這樣添加第二個類。

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

Answer 3

你可以看看這個： http://docs.jquery.com/Selectors/firstChild

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

Answer 4

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

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