案例:jQuery案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
  <style>
5
  b, span, p, html body {
6
    padding: .5em;
7
    border: 1px solid;
8
  }
9
  b { color:blue; }
10
  strong { color:red; }
11
  </style>
12
  <script type="text/javascript" src="/js/jquery.js"></script>
13
</head>
14
15
<body>
16
  <div>
17
    <p>
18
      <span>
19
        <b>我的父元素是:</b>
20
      </span>
21
    </p>
22
  </div>
23
24
<script>
25
var parentEls = $("b").parents()
26
            .map(function () { 
27
                  return this.tagName; 
28
                })
29
            .get().join(", ");
30
$("b").append("<strong>" + parentEls + "</strong>");
31
</script>
32
33
</body>
34
</html>
35