JQuery

How to display reverse order of the list in JQuery?

How to display reverse order of the list in JQuery?, someone asked me to explain?
By:

We can use JQuery method to display the reverse order of list continents. The following example will describe about.

Example:

<html>
<head>
    <title>display the reverse order of list  in JQuery</title>
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script type="text/javascript">
        (function ($) {
           $(document).ready(function () {
                var list = $("ol li").get().reverse();
               $("ol").empty();
               $.each(list, function (i) {
                   $("ol").append("<li>" + list[i].innerHTML + "</li>");
               });
            })
       })(jQuery);
    </script>
</head>
<body>
    <h2>7 Continents ofThe World</h2>
    <ol>
        <li>South America</li>
        <li>North America</li>
        <li>Europe</li>
        <li>Australia</li>
        <li>Asia</li>
        <li>Africa</li>
        <li>Antarctica</li>
    </ol>
</body>
</html> 

Output:

display reverse order of the list in JQuery

Related Article

Post your comments / questions



Recent Article