Copyright © tutorialspoint.com

Prototype next() Method

previous next

Advertisements

This method checks if element matches the given CSS selector.

Syntax:

element.next( [cssRule][, index = 0]);

Return Value:

Example:

<html>
<head>
<title>Prototype examples</title>

<script type="text/javascript" 
   src="/javascript/prototype.js">
</script>
<script>

function showResult(){
   var str = $('list-of-apples').next();
   alert( "$('list-of-apples').next() " + str.innerHTML );
   
   var str = $('list-of-apples').next(0);
   alert( "$('list-of-apples').next(0) " + str.innerHTML  );
   
   var str = $('title').next('p');
   alert( "$('$('title').next('p') " + str.innerHTML  );

   var str = $('golden-delicious').next('.yummy', 1);
   alert( "$('golden-delicious').next('.yummy', 1) " +
                                     str.innerHTML);

   var str = $('ida-red').next();
   alert( "$('ida-red').next() " + str );
}

</script>
</head>

<body>

  <p>Click the button to see the result.</p>

  <ul id="fruits">
  <li id="apples">
    <h3 id="title">Apples</h3>
    <ul id="list-of-apples">
      <li id="golden-delicious">Golden Delicious</li>
      <li id="mutsu">Mutsu</li>
      <li id="mcintosh" class="yummy">McIntosh</li>
      <li id="ida-red" class="yummy">Ida Red</li>
    </ul>
    <p id="saying">An apple a day keeps the doctor away.</p>  
  </li>
  </ul>

  <br />
  <input type="button" value="Show Result" onclick="showResult();"/>

</body>
</html>

To understand it in better way you can Try it yourself.


previous next

Copyright © tutorialspoint.com