jQuery nextUntil method
home
Run
screen_rotation
fullscreen
cloud_download
<!DOCTYPE html> <html> <head> <title>jQuery Demo example</title> <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"> </script> <script type="text/javascript"> $(document).ready(function(){ $( "#selectNext" ).on( "click", function(event) { $(".start-selection").nextUntil(".stop-selection").css("border","1px solid red"); }); }); </script> </head> <body> <h4><a href="javascript:void(0);" id="selectNext">Click to select next </a></h4> <ul> <li class="start-selection">First Item (Index 0) ------Start Point of nextUntil</li> <li >Second Item (Index 1)</li> <li >Third Item (Index 2)</li> <li>Fourth Item (Index 3)</li> <li class="stop-selection">Fifth Item (Index )---End point of nextUntil</li> </ul> </body> </html>
<!DOCTYPE html> <html> <head> <title>jQuery Demo example</title> <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"> </script> <script type="text/javascript"> $(document).ready(function(){ $( "#selectNext" ).on( "click", function(event) { $(".start-selection").nextUntil(".stop-selection").css("border","1px solid red"); }); }); </script> </head> <body> <h4><a href="javascript:void(0);" id="selectNext">Click to select next </a></h4> <ul> <li class="start-selection">First Item (Index 0) ------Start Point of nextUntil</li> <li >Second Item (Index 1)</li> <li >Third Item (Index 2)</li> <li>Fourth Item (Index 3)</li> <li class="stop-selection">Fifth Item (Index )---End point of nextUntil</li> </ul> </body> </html>
Copyrights@tutorialsplane.com