JavaScript Tutorial/jQuery/prevAll

Материал из Web эксперт
Перейти к: навигация, поиск

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

<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.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>


prevAll(expr): filter the matched set.

<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.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>


Prevall tags

<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.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>