• jQuery Advanced
  • jQuery Ancestors
​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
    <script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
5
    <style>
6
        .box * {
7
            display: block;
8
            border: 2px solid #f2f3f5;
9
            color: #212b36;
10
            padding: 5px;
11
            margin: 15px;
12
        }
13
    </style>
14
</head>
15
<body>
16
​
17
<h1>Select All the Parents Element</h1>
18
<div class="box">
19
    <div style="width:300px;">div
20
        <ul>ul
21
            <li>li
22
                <span>span</span>
23
            </li>
24
        </ul>
25
    </div>
26
</div>
27
​
28
<script>
29
    $(document).ready(function(){
30
        $("span").parents().css({"color": "#ff4842", "border": "2px solid #ff4842"});
31
    });
32
</script>
33
</body>
34
</html>