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")