.prevAll()

Syntax

.prevAll([selector])

Parameters

selector (optional): A string containing a selector expression to match elements against

Return value

The new jQuery object.

Description

Get all preceding siblings of each element in the set of matched elements, optionally filtered by a selector.

Examples

Prevall tags

 
<html>
  <head>
    <script src="http://java2s.com/Book/JavaScriptDemo/jQuery/jquery-1.8.0.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
             $("div").prevAll().css("background", "yellow");
        });
    </script>
  </head>
  <body>
    <body>
          <div>asdf</div>
          <div>asdf</div>
          <div>asdf</div>
          <div class="selected">asdf</div>
          <div>asdf</div>
  </body>
</html>

Click to view the demo

Locate all the divs before the last and give them a class.

 
<html>
  <head>
    <script src="http://java2s.com/Book/JavaScriptDemo/jQuery/jquery-1.8.0.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
             $("div:last").prevAll().css("color","red");
        });
    </script>
    <style>
      .selected { color:blue; }
    </style>
  </head>
  <body>
    <body>
        <div>asdf</div>
        <div>asdf</div>
        <div>asdf</div>
        <div>asdf</div>
    </body>
</html>

Click to view the demo