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:
Post your comments / questions
Recent Article
- The request was aborted: Could not create SSL/TLS secure channel -Error in Asp.net
- FieldError: Cannot resolve keyword 'id' into field in Django project
- How to hide the ID field from the Django admin?
- It is impossible to add a non nullable field without specifying a default. Django error
- ImportError: cannot import name 'url' from 'django.conf.urls' - Django Error
- How to Enable Virtualization in BIOS Security Settings in Intel Processors For Android Studio?
- Dependency 'androidx.activity:activity:1.8.0' requires libraries and applications that depend on it.
- AttributeError: 'NoneType' object has no attribute 'get_text' - Python
Related Article