n個子在JavaScript

這是我的jQuery code.I需要JavaScript代碼來選擇第n child.Is可以使用JavaScriptn個子在JavaScript

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

來源

2017-03-01 User 1278

看一看 - https://api.jquery.com/nth-of-type-selector/和https://api.jquery.com/nth-child - 選擇器/ – nikhil

'document.querySelectorAll（'p：nth-child（n）'）' – Abhitalks

@nikhil OP意味着沒有jQuery – Rajesh

通過@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>

來源

2017-03-01 09:40:56 Rajesh

它爲我工作，謝謝 –

使用.next()方法選擇第n個孩子。你也可以嘗試兒童穿越方法。

來源

2017-03-01 09:38:56 BRad

只是FYI，OP沒有找到沒有jQuery的答案。 – Rajesh

@Rajesh OP的代碼是在jQuery中。我認爲他對javascript和jquery感到困惑。 –

如果是這種情況，那麼就不需要這個問題，因爲他的代碼可以很好地工作。不是嗎？ – Rajesh

純天然的和基本的

var length = document.body.childNodes.length; 
var last_child_of_body = document.body.childNodes[length-1];

這僅僅是最後一個孩子的例子。你可以使用任何父母代替你的身體

來源

2017-03-01 09:43:04 Dherya

n個子在JavaScript

回答

相關問題