Tengo la siguiente tabla HTML que quería ordenar por data-sku=""
( function() { $("table tbody tr").sort(sort_table).appendTo('table tbody'); function sort_table(a, b) { return ($(b).data('sku')) < ($(a).data('sku')) ? 1 : -1; } } )(); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <table> <tbody> <tr class="abp-product-42" data-id="42" data-sku="A-04-0002"><td>A-04-0002</tr> <tr class="abp-product-21" data-id="21" data-sku="A-04-0011"><td>A-04-0011</td></tr> <tr class="abp-product-391" data-id="391" data-sku="A-02-0008"><td>A-02-0008</td></tr> <tr class="abp-product-393" data-id="393" data-sku="A-02-0007"><td>A-02-0007</td></tr> <tr class="abp-product-40" data-id="40" data-sku="A-04-0010"><td>A-03-0010</td></tr> <tr class="abp-product-390" data-id="390" data-sku="A-03-0003"><td>A-04-0003</td></tr> </tbody> </table>Pero de alguna manera no funciona: ¿qué estoy haciendo mal o qué me estoy perdiendo?
Su código está funcionando bien.
Simplemente, las últimas 2 filas del atributo data-sku no coinciden con su contenido de celda.
<tr class="abp-product-40" data-id="40" data-sku="A-04-0010"> <td>A-03-0010</td> </tr> <tr class="abp-product-390" data-id="390" data-sku="A-03-0003"> <td>A-04-0003</td> </tr> (function () { function sort_table(a, b) { return ($(b).attr('data-sku')) < ($(a).attr('data-sku')) ? 1 : -1; } $("table tbody tr").sort(sort_table).appendTo('table tbody'); })(); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <table> <tbody> <tr class="abp-product-42" data-id="42" data-sku="A-04-0002"> <td>A-04-0002 </tr> <tr class="abp-product-21" data-id="21" data-sku="A-04-0011"> <td>A-04-0011</td> </tr> <tr class="abp-product-391" data-id="391" data-sku="A-02-0008"> <td>A-02-0008</td> </tr> <tr class="abp-product-393" data-id="393" data-sku="A-02-0007"> <td>A-02-0007</td> </tr> <tr class="abp-product-40" data-id="40" data-sku="A-03-0010"> <td>A-03-0010</td> </tr> <tr class="abp-product-390" data-id="390" data-sku="A-04-0003"> <td>A-04-0003</td> </tr> </tbody> </table>Esto llamará a su función cada 5 segundos como mencioné en el comentario.
window.setInterval(function(){ sortData(); }, 5000); function sortData(){ $("table tbody tr").sort(sort_table).appendTo('table tbody'); function sort_table(a, b) { return ($(b).data('sku')) < ($(a).data('sku')) ? 1 : -1; } } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <table> <tbody> <tr class="abp-product-42" data-id="42" data-sku="A-04-0002"><td>A-04-0002</tr> <tr class="abp-product-21" data-id="21" data-sku="A-04-0011"><td>A-04-0011</td></tr> <tr class="abp-product-391" data-id="391" data-sku="A-02-0008"><td>A-02-0008</td></tr> <tr class="abp-product-393" data-id="393" data-sku="A-02-0007"><td>A-02-0007</td></tr> <tr class="abp-product-40" data-id="40" data-sku="A-04-0010"><td>A-04-0010</td></tr> <tr class="abp-product-390" data-id="390" data-sku="A-03-0003"><td>A-03-0003</td></tr> <tr class="abp-product-390" data-id="390" data-sku="A-05-0003"><td>A-05-0003</td></tr> </tbody> </table>