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 中，您可以使用Java version is: 1.7.0_55 Main version is: 7 ：

querySelector documentation

querySelector

或者您可以在输入中添加特定ID ：

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

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

getElementById

或ID 上的查询选择器：

document.getElementById("submitSearch");

或使用document.querySelector("#submitSearch"); ：

getElementsByName

如果您想使用 JQuery ，则只需使用document.getElementsByName("submit_search")[0] 代替$：

document.querySelector

或者

$("#submitSearch")

Answer 2

尝试

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