JS向元素添加类 - 使用父/子选择器

Question

我想问一下如何向元素添加类，但使用嵌套导航。 HTML的结构：

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

我不能简单地使用getElementsByClassName("btn"); 因为还有很多我不想改变的.btn元素。 我该怎么做？

谢谢你的帮助！

Answer 1

在纯 JS 中，您可以使用querySelector ：

查询选择器文档

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

Answer 2

尝试

$(".searchboxATM .btn")如果它适合你。