javascript - javascript中的第n个 child

Question

这是我的jquery代码。我需要javascript代码来选择第n个 child 。是否可以使用javascript选择第n个 child

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
     $(document).ready(function(){
       $(".gl-testim-text p:nth-child(2)").click(function(){
          $(".gl-testim-text p:nth-child(3)").show();
       });
     });

 </script>

Answer 1

正如@abhitalks评论的，您可以使用 querySelector() 加上 :nth-child() 选择器

var second = document.querySelector(".content a:nth-child(2)")
console.log(second)

var even = document.querySelectorAll(".content a:nth-child(2n)")
console.log(even)

<div class="content">
  <a href="google.com">Google</a>
  <a href="Facebook.com">Facebook</a>
  <a href="StackOverflow.com">StackOverflow</a>
  <a href="YouTube.com">YouTube</a>
  <a href="Example.com">Example</a>
  <a>blabla</a>
</div>