Question

Is it possible to sort the text fields using jquery?
I want to sort the values in the text field. I couldn’t use grids. I need to do it in Jquery.

<table width="50%" border="0">
<tr>
<td><label>
  <input name="textfield" type="text" value="5">
</label></td>
</tr>
<tr>
<td><label>
  <input name="textfield" type="text" value="3">
</label></td>
</tr>
<tr>
<td><label>
  <input name="textfield" type="text" value="6">
</label></td>
</tr>
<tr>
<td><label>
  <input name="textfield" type="text" value="1">
</label></td>
</tr>
<tr>
<td><label>
  <input name="textfield" type="text" value="9">
</label></td>
</tr>
<tr>
<td><label>
  <input name="textfield" type="text" value="8">
</label></td>
</tr>

</table>

I want to sort the text fields as 1,3,5,6,8,9 (ASC order).
I couldn’t find the solution. Please do the needful. Thanks

Answer 1

var mylist = $('table');
var listitems = mylist.find('input[type=text]');
listitems.sort(function(a, b) {
   var compA = $(a).val();
   var compB = $(b).val();
   return (compA < compB) ? -1 : (compA > compB) ? 1 : 0;
})
$.each(listitems, function(idx, itm) { mylist.append(itm); });