Let us assume you have an unordered list as shown below:
![](http://3.bp.blogspot.com/-NfEbMUcWfwg/Tf7kgLCrGSI/AAAAAAAACCo/L2QDTzzZBG0/s1600/jquery-unordered-list.png)
To add numbers to it sequentially, use this code:
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.1.min.js"> </script> <script type="text/javascript"> $(function () { $('ul > li').each(function () { $(this).prepend("(" + ($(this).index() + 1) + ") "); }); }) </script>
As you can see, we are using the jQuery Prepend function to insert numbers to the beginning of each element in the set of matched elements.
OUTPUT
![](http://4.bp.blogspot.com/-iI5RxO1B3pE/Tf7kgKu7NSI/AAAAAAAACCk/PzbR33T2spk/s1600/jquery-unordered-list-demo.png)
Tweet
No comments:
Post a Comment