Reverse table td with jQuery / Javascript

Question

Is it possible to flip/reverse td values of a table.

If I fx: put a class on the td section I want flipped and name it 'valuesToFlip'

$('.valuesToFlip').reverse() // not working.

What do you mean by reverse? Change text from this to siht? Or reverse the order of the td cells in the row? Or reverse the order of td in the entire table...? — Rory McCrossan
– Rory McCrossan, Commented Mar 30, 2016 at 13:02

Pranav C Balan · Accepted Answer · 2016-03-30 13:10:12Z

2

reverse() can be used with array, to convert it to array use get() and apply reverse(). Now for updating the order append back them using append()

var $td = $('.valuesToFlip');
$td.parent().append($td.get().reverse());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table>
  <tr>
    <td class="valuesToFlip">1
    </td>
    <td class="valuesToFlip">2
    </td>
    <td class="valuesToFlip">3
    </td>
  </tr>
</table>

edited Mar 30, 2016 at 13:10

answered Mar 30, 2016 at 13:05

Pranav C Balan

115k25 gold badges173 silver badges195 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Reverse table td with jQuery / Javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related