How do i sort the list items using jquery

Use the following code or example to complete your task : 

var $lis = $("li");

$('#numBnt').on('click', function () {
    var numericallyOrderedDivs = $lis.sort(function (a, b) {
        return $(a).text() > $(b).text();
    });
    $(".class-of-ul").html(numericallyOrderedDivs);
});  




var $lis = $("li");

$('#numBnt').on('click', function () {
    var numericallyOrderedDivs = $lis.sort(function (a, b) {
        return $(a).text() > $(b).text();
    });
    $(".class-of-ul").html(numericallyOrderedDivs);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="class-of-ul">
 <li  class="first post-230 product type-product status-publish has-post-thumbnail product_cat-c-20-heating-ventilating-and-ac product_cat-california-online-practice-exams product_tag-pro-11 taxable shipping-taxable purchasable product-type-simple product-cat-c-20-heating-ventilating-and-ac product-cat-california-online-practice-exams product-tag-pro-11 instock"><a href="#">66</a></li>
 <li  class="post-243 product type-product status-publish has-post-thumbnail product_cat-c-27-landscaping product_cat-california-online-practice-exams product_tag-pro-12 taxable shipping-taxable purchasable product-type-simple product-cat-c-27-landscaping product-cat-california-online-practice-exams product-tag-pro-12 instock"><a href="#">69</a></li>
 <li  class="post-60 product type-product status-publish has-post-thumbnail product_cat-california-contractor-law-and-business-exam-study-materials product_cat-california-online-practice-exams product_tag-pro-1 taxable shipping-taxable purchasable product-type-simple product-cat-california-contractor-law-and-business-exam-study-materials product-cat-california-online-practice-exams product-tag-pro-1 instock" ><a href="#">65</a></li>
 <li  class="last post-258 product type-product status-publish has-post-thumbnail product_cat-c-33-painting-and-decorating product_cat-california-online-practice-exams product_tag-pro-14 taxable shipping-taxable purchasable product-type-simple product-cat-c-33-painting-and-decorating product-cat-california-online-practice-exams product-tag-pro-14 instock" ><a href="#">68</a></li>
 <li  class="first post-158 product type-product status-publish has-post-thumbnail product_cat-a-general-engineering product_cat-california-online-practice-exams product_tag-pro-3 taxable shipping-taxable purchasable product-type-simple product-cat-a-general-engineering product-cat-california-online-practice-exams product-tag-pro-3 instock" ><a href="#">67</a></li>
</ul>

<button id="numBnt">Sort</button>

Share this :