JavaScript Tutorial/jQuery/prevAll

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

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

   <source lang="javascript">

<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>
asdf
asdf
asdf
asdf
   </body>

</html></source>


prevAll(expr): filter the matched set.

   <source lang="javascript">

<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>
asdf
asdf
asdf
asdf
   </body>

</html></source>


Prevall tags

   <source lang="javascript">

<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>
asdf
asdf
asdf
asdf
asdf
 </body>

</html></source>