next

English [nekst] US [n?kst]

adj.n ?? ?;?? ??

prep. ???..., ??...???...

jquery nextUntil() ??? ???

??: nextUntil()? ? ??? ?? ?? ??? ?? ????? ???, DOM ?? ?? ??? jQuery ??? ???? ??? ???? ????.

?? 1: .nextUntil(selector,filter)

????:

???? Description
selector ???? ??? ??? ? ??? ?? ??? ???? ?? ??? ????? ??.
filter ??? ???? ? ???? ??? ???? ??? ??? ????.

?? 2: .nextUntil(??,??)

????:

ParametersDescription
?? ?? ?? ?? DOM ?? ??? ??? ??? ?????. ?? jQuery ??.
filter ??? ???? ? ???? ??? ???? ??? ??? ????.

??: DOM ?? ??? ???? jQuery ??? ???? .nextUntil() ???? ???? DOM ??? ??? ??? ?? ??? ??? ? ????. ? ???? ????? ?????. ??? ???? ??? ?????. ??? ? jQuery ???? ?? ?? ??? ?? ???? ??? ?? ??? ???? ??? ???? ?? ????. ???? ???? ??? ???? ???? ??? ?? ??? ?? ?????. ???? ?? ???? ???? ??? ? ????? ??? ??? .nextAll() ???? ?????. jQuery 1.6??? ??? ?? DOM ??? jQuery ??? .nextUntil() ???? ??? ? ????. ? ???? ??? ??? ???? ? ?? ????? ?????. ? ????? ???? ??? ? ???? ????? ??? ???? ??????.

jquery nextUntil() ??? ?

<!DOCTYPE html>
<html>
<head>
  <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
</head>

<body>

  <dl>
  <dt id="term-1">term 1</dt>
  <dd>definition 1-a</dd>
  <dd>definition 1-b</dd>
  <dd>definition 1-c</dd>
  <dd>definition 1-d</dd>
  <dt id="term-2">term 2</dt>
  <dd>definition 2-a</dd>
  <dd>definition 2-b</dd>
  <dd>definition 2-c</dd>
  <dt id="term-3">term 3</dt>
  <dd>definition 3-a</dd>
  <dd>definition 3-b</dd>
</dl>


<script>
  $("#term-2").nextUntil("dt").css("background-color", "red");
  var term3 = document.getElementById("term-3");
  $("#term-1").nextUntil(term3, "dd").css("color", "blue");
</script>

</body>
</html>
???? ?? ?

??? ????? ??? "???? ??" ??? ?????