使用类和索引号的queryselectorall

vfh0ocws  于 2021-09-13  发布在  Java
关注(0)|答案(2)|浏览(329)
  1. document.querySelectorAll('.fixers > track > tnty')

在dom上有许多名为fixers的类,有没有一种方法可以包括使用什么样的类号

  1. document.querySelectorAll('.fixers[2] > track > tnty')

目前我是这样做的

  1. document.getElementsByClassName('fixers')[2].querySelectorAll('track > tnty')

还有更正确的方法吗?
非常感谢。

4smxwvx5

4smxwvx51#

可以使用nth-child()伪类选择第二个组,如下所示:

  1. const elems = document.querySelectorAll('.fixers:nth-child(2) > .track > .tnty');
  2. console.log(elems);
  3. console.log(elems[0].textContent);
  1. <div class="fixers">
  2. <div class="track">
  3. <div class="tnty">1</div>
  4. </div>
  5. </div>
  6. <div class="fixers"> <!-- 2 -->
  7. <div class="track">
  8. <div class="tnty">2</div>
  9. </div>
  10. </div>
  11. <div class="fixers">
  12. <div class="track">
  13. <div class="tnty">3</div>
  14. </div>
  15. </div>
展开查看全部
qxsslcnc

qxsslcnc2#

您可以使用特定的父元素获取选定的“修复程序”元素

  1. document.querySelectorAll('.special-parent .fixers > track > tnty')

:nth-child() 选择器

  1. document.querySelectorAll('.fixers:nth-child(2) > track > tnty')

或者使用上述两种方法。

相关问题