prevUntil() Method - Javascript jQuery Method and Property

Javascript examples for jQuery Method and Property:prevUntil

  1. HOME
  2. Javascript
  3. jQuery Method and Property
  4. prevUntil

Description

The prevUntil() method returns all previous sibling elements(share the same parent) between the selector and stop.

Syntax

Parameter Require Description
stop Optional.A selector expression, element or jQuery object indicating where to stop the search
filterOptional.a selector expression to narrow down the search for sibling elements between the selector and stop

To return multiple siblings, separate each expression with a comma.

The following code shows how to Return all sibling elements between two <li> elements with class name "start" and "stop":

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<head>
<style>
.siblings * {/*w  ww .  j a  va2  s .  c  o m*/
    display: block;
    border: 2px solid lightgrey;
    color: lightgrey;
    padding: 5px;
    margin: 15px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("li.start").prevUntil("li.stop", ".first").css({"color": "red", "border": "2px solid red"});
});
</script>
</head>
<body>

<div style="width:500px;" class="siblings">
  <ul>ul (parent)
    <li class="stop">li</li>
    <li class="first">li</li>
    <li>li</li>
    <li class="first">li</li>
    <li class="start">li</li>
    <li>li</li>
    <li>li</li>
  </ul>
</div>

</body>
</html>

Related Tutorials