JS添加類到元素 - 使用父/子選擇器

Question

我想問如何添加類到元素，但使用嵌套的導航。 HTML的結構：

<form class="searchboxATM"> 
    <input name="submit_search" value="OK" class="btn btn-default" type="submit"> 
</form> 

我不能簡單地用getElementsByClassName("btn");因爲有更多的.btn元素，我不想改變。我該怎麼做？

感謝您的幫助！

Answer 1

嘗試

$(".searchboxATM .btn")它是否適合你。

Answer 2

在純JS，您可以使用querySelector：

querySelector documentation

document.querySelector(".searchboxATM .btn"); 

或者你可以特定ID添加到您的輸入：

<form class="searchboxATM"> 
    <input name="submit_search" id="submitSearch" value="OK" class="btn btn-default" type="submit"> 
</form> 

，並使用getElementById ：

document.getElementById("submitSearch"); 

還是關於ID一個查詢選擇：

document.querySelector("#submitSearch"); 

或者使用getElementsByName：

document.getElementsByName("submit_search")[0] 

如果你想使用JQuery的，你只需要使用$代替document.querySelector：

$("#submitSearch") 

或者

$(".searchboxATM .btn")