用jquery選擇節點下的第幾個子元素的方法:首先開啟對應的程式碼檔案;然後在jquery中使用「:eq()」選擇器選擇節點下的指定子元素即可,其語法如“$("p:eq(1)").css("background-color"...)”。
本教學操作環境:windows7系統、jquery1.12.0版本,此方法適用於所有品牌電腦。
推薦:《jquery影片教學》
jquery中可以使用:eq()選擇器選擇節點下的指定子元素,:eq()選擇器選取帶有指定index值的元素。 index 值從 0 開始,所有第一個元素的 index 值是 0(不是 1)。
此方法經常與其他元素/選擇器一起使用,來選擇指定的群組中特定序號的元素。
範例:
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p:eq(1)").css("background-color","#B2E0FF"); }); </script> </head> <body> <html> <body> <h1>Welcome to My Homepage</h1> <p class="intro">My name is Donald</p> <p>I live in Duckburg</p> <p>My best friend is Mickey</p> <div id="choose"> Who is your favourite: <ul> <li>Goofy</li> <li>Mickey</li> <li>Pluto</li> </ul> </div> </body> </html> </body> </html>
以上是如何用jquery選擇節點下的第幾個子元素的詳細內容。更多資訊請關注PHP中文網其他相關文章!