添加類將HTML與吞掉

Question

元素在我的代碼，我使用jQuery來添加CSS類的某些元素，像這樣在頁面加載後：

//add form-control to all text inputs 
$("input[type='text']").addClass("form-control"); 

//add btn btn-primary to all buttons in question class 
$(".question input[type=button]").addClass("btn btn-primary"); 

是否有一口這樣做的任何方式，所以我每次頁面加載時都不需要這樣做？

謝謝！

Answer 1

我會寫這些風格的HTML，因爲我覺得它更容易閱讀和調試後，但你也可以只使用SASS延長那些自舉類：

input[type=text] { 
    @extend .form-control; 
} 

.question input[type=button] { 
    @extend .btn; 
    @extend .btn-primary; 
}