demo

by Denis Tverdokhlebov

HTML

<div id="object">
  <table id="table_all">
    <tbody>
      <tr>
        <td>
          <p>Текст</p>
        </td>
      </tr>
      <tr>
        <td id="#">
          <table>
            <tbody>
              <tr class="класс_1" valign="top">
                <td>
                  <p>Заголовок</p>
                </td>
              </tr>
              <tr>
                
                  <td id="wrapp_rotate">
                    <table id="block">
                      <tbody>
                        <!-- список для ротации -->
                        <tr>
                          <td>
                            <table>
                              <tbody>
                                <tr>
                                  <td class="name" align="left">
                                    <a class="links">Название</a>
                                  </td>
                                  <td id="date" class="date">
                                    <p align="left" class="check_date check_1">Дата: 2015-07-15</p>
                                  </td>
                                  <td class="kat">
                                    <font color="green"><b class="kat_pls">Наличие +</b></font>
                                  </td>
                                  <td class="icon" align="right">
                                    <span id="namber"><img class="img_play status_on" title="1" src="http://s9.favim.com/orig/131112/overlay-overlays-pink-png-Favim.com-1052883.png"></span>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                          </td>
                        </tr>

                        <tr>
                          <td>
                            <table>
                              <tbody>
                                <tr>
                                  <td class="name" align="left">
                ...

CSS

.status_off {
  border: 1px solid black;
  display: block;
  padding: 5px;
}
img {
  width: 40px;
}

JavaScript

$('#wrapp_rotate_2').each(function() {
    $(this).parent().parent().parent().parent().parent().addClass('check_point').next().addClass('check_point_2');
});

$('.check_point_2 #wrapp_rotate_1 .links_mkb').each(function() {
    $(this).parent().parent().parent().parent().parent().parent().addClass('first_mod');
});

$('.check_point_2 #wrapp_rotate_1 .links_ngt').each(function() {
    $(this).parent().parent().parent().parent().parent().parent().addClass('second_mod');
});

var c = document.querySelector("#block_1");
Array.apply(null, document.querySelectorAll(".check_point_2 #wrapp_rotate_1 table tbody tr.line_rotate"))
  .sort(function(a, b) {
    a = a.classList;
    a = a.contains('first_mod') ? -1 : a.contains('second_mod') ? 0 : 1;
    b = b.classList;
    b = b.contains('first_mod') ? -1 : b.contains('second_mod') ? 0 : 1;
    return a < b ? -1 : a > b ? 1 : 0
  })
  .forEach(function(a) {
    c.appendChild(a)
  });