如何使用 jQuery 遍歷資料物件模型 (DOM) 節點?
jQuery 遍歷用於根據某個元素與其他元素的關係來找到元素。您需要從一個選擇開始,向後一直到達到想要的元素為止。
jQuery 是一款非常強大的工具,它提供了各種 DOM 遍歷方法,可以幫助我們在文件中以隨機以及順序的方法選擇元素。
讓我們透過遍歷過濾出這些元素。filter( selector ) 方法可以用來過濾掉一組匹配的元素中的所有不匹配指定選擇器的元素。
示例
選擇器可以用任何選擇器語法編寫。
<html> <head> <title>The JQuery Example</title> <script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script> $(document).ready(function() { $("li").filter(".middle").addClass("selected"); }); </script> <style> .selected { color:blue; } </style> </head> <body> <div> <ul> <li class = "top">list item 1</li> <li class = "top">list item 2</li> <li class = "middle">list item 3</li> <li class = "middle">list item 4</li> <li class = "bottom">list item 5</li> <li class = "bottom">list item 6</li> </ul> </div> </body> </html>
廣告