如何查找非间接/嵌套父项的子项
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何查找非间接/嵌套父项的子项相关的知识,希望对你有一定的参考价值。
我需要找到一个特定的类,然后找到一个嵌套在它下面的许多元素的输入。我需要目标类名来追加它。
我以为我可以使用.queryselector,但似乎没有。我不能在输入上使用ID。
var input = document.querySelectorAll('.pt-page.pt-subpage-current input');
var solve = input[0];
console.log(solve);
<div class="pt-page pt-subpage-current"> /*only identifier*/
<div class="container">
<div class="question">
<div class="input">
<input name="school" type="text" id="schoolCode1" autocomplete="off">/*target*/
</div>
</div>
</div>
</div>
我以为我可以使用上面的查询选择器(我经历了很多次迭代)但没有骰子。
答案
使用直接后代选择器>
$('#mainDiv > p:first')
甚至是孩子()
$('#mainDiv').children('p').first()
以上是关于如何查找非间接/嵌套父项的子项的主要内容,如果未能解决你的问题,请参考以下文章
Xamarin Forms StackLayout:如何将子项的宽度/高度设置为百分比