案例:jQuery案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
  <script type="text/javascript" src="/js/jquery.js"></script>
5
</head>
6
7
<body>
8
9
  <dl>
10
  <dt id="term-1">term 1</dt>
11
  <dd>definition 1-a</dd>
12
  <dd>definition 1-b</dd>
13
  <dd>definition 1-c</dd>
14
  <dd>definition 1-d</dd>
15
  <dt id="term-2">term 2</dt>
16
  <dd>definition 2-a</dd>
17
  <dd>definition 2-b</dd>
18
  <dd>definition 2-c</dd>
19
  <dt id="term-3">term 3</dt>
20
  <dd>definition 3-a</dd>
21
  <dd>definition 3-b</dd>
22
</dl>
23
24
25
<script>
26
  $("#term-2").nextUntil("dt").css("background-color", "red");
27
  var term3 = document.getElementById("term-3");
28
  $("#term-1").nextUntil(term3, "dd").css("color", "blue");
29
</script>
30
31
</body>
32
</html>
33