如何查找非间接/嵌套父项的子项

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

以上是关于如何查找非间接/嵌套父项的子项的主要内容,如果未能解决你的问题,请参考以下文章

php facetwp索引仅指导父项的子项

php facetwp索引仅指导父项的子项

将子项和父项的平展列表到树视图层次结构

Xamarin Forms StackLayout:如何将子项的宽度/高度设置为百分比

用于从 LastOrDefault 父项中查找子项的实体框架 LINQ

查找并替换xml文档中父项中子项的重新匹配匹配项