如何使用 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>

更新日期: 2019 年 12 月 18 日

290 次瀏覽

職業起步

完成課程取得認證

開始
廣告