JavaScript Tutorial/jQuery/nextAll

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

Get next all

   <source lang="javascript">

<html>

 <head>
   <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
   <script type="text/javascript">
       $(document).ready(function(){
            $("button[disabled]").nextAll().text("data");
       });
   </script>
   <style>
     .y { background:yellow; }
 </style>
 </head>
 <body>
   <body>
<button disabled="disabled">First</button> -
           
 </body>

</html></source>


nextAll(expr): Use an optional expression to 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:first").nextAll().css("color","red");
       });
   </script>
 </head>
 <body>
   <body>
             
asdf
asdf
   </body>

</html></source>


Search tags from nextAll()

   <source lang="javascript">

<html>

 <head>
   <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
   <script type="text/javascript">
       $(document).ready(function(){
            $("button[disabled]").nextAll("span").text("data");
       });
   </script>
   <style>
     .y { background:yellow; }
 </style>
 </head>
 <body>
   <body>
<button disabled="disabled">First</button> -
           
 </body>

</html></source>