编辑您的代码：提交代码

​x
 
1
2
3
<!DOCTYPE html>
4
<html>
5
<head>
6
<style>
7
.ancestors *
8
{
9
display: block;
10
border: 2px solid lightgrey;
11
color: lightgrey;
12
padding: 5px;
13
margin: 15px;
14
}
15
</style>
16
<script src="/jquery/jquery-1.11.1.min.js">
17
</script>
18
<script>
19
$(document).ready(function(){
20
  $("span").parentsUntil("div").css({"color":"red","border":"2px solid red"});
21
});
22
</script>
23
</head>
24
​
25
<body class="ancestors"> body (曾曾祖父)
26
  <div style="width:500px;">div (曾祖父)
27
    <ul>ul (祖父)
28
      <li>li (直接父)
29
        <span>span</span>
30
      </li>
31
    </ul>  
32
  </div>
33
</body>
34
​
35
</html>
36
          

查看结果：

请在上面的文本框中编辑您的代码，然后单击提交按钮测试结果。w3c0.com

W3c0.com 提供的内容仅用于培训。我们不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。W3c0 简体中文版的所有内容仅供测试，对任何法律问题及风险不承担任何责任。 当使用本站时，代表您已接受了本站的使用条款和隐私条款。版权所有，保留一切权利。 鲁ICP备15022115号