天天看點

擷取子節點

擷取子節點的方法有:

 方法

 說明

 children()

 選取子節點,可以帶過濾參數。但隻能選擇子節點,不能選擇孫子節點。

 find()

 選取子節點,可以帶過濾參數。可以選擇子節點及孫子節點。

children()示例:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>子節點</title>

        <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.3.1.min.js"></script>

        <style>

            .box{

                border: 1px solid blueviolet;

                padding: 1px;

                margin-bottom: 12px;

            }

        </style>

    </head>

    <body>

        <div>

            <ul id="ul">

                <li id="a">滑鼠</li>

                <li id="b">鍵盤</li>

                <li id="c">螢幕</li>

                <li id="d"><a>電源</a></li>

            </ul>

        </div>

        <script>

            $('div').children("*").attr("class", "box");

        </script>

    </body>

</html>

find()示例:

            $('div').find("ul").attr("class", "box");

繼續閱讀