Question

在帮助下，我现在可以订购我的表格行＆＃39;部分＆＃39;我现在正尝试在各个部分中订购行。

这是我的表：

<table id='sites'>

<tr id="0" data-site="SITE:1" data-order="1" data-siteid="12456232" class="site_heading nodrag"><td>SITE1
<td><span id='up'>Up</span> / <span id='down'>Down</span></td></tr>

<tr id="15" data-site="S:1" data-order="1" class="toggler_row"><td>ROW1</td></tr>
<tr id="18" data-site="S:1" data-order="3" class="toggler_row"><td>ROW3</td></tr>
<tr id="12" data-site="S:1" data-order="2" class="toggler_row"><td>ROW2</td></tr>


<tr id="5" data-site="SITE:3" data-order="3" data-siteid="78565213" class="site_heading nodrag"><td>SITE3
<td><span id='up'>Up</span> / <span id='down'>Down</span></td></tr>

<tr id="21" data-site="S:3" data-order="1" class="toggler_row"><td>ROW1</td></tr>
<tr id="32" data-site="S:3" data-order="3" class="toggler_row"><td>ROW3</td></tr>
<tr id="22" data-site="S:3" data-order="2" class="toggler_row"><td>ROW2</td></tr>
<tr id="24" data-site="S:3" data-order="5" class="toggler_row"><td>ROW5</td></tr>
<tr id="34" data-site="S:3" data-order="4" class="toggler_row"><td>ROW4</td></tr>
<tr id="31" data-site="S:3" data-order="6" class="toggler_row"><td>ROW6</td></tr>


<tr id="8" data-site="SITE:4" data-order="4" data-siteid="36587492" class="site_heading nodrag"><td>SITE4
<td><span id='up'>Up</span> / <span id='down'>Down</span></td></tr>

<tr id="55" data-site="S:4" data-order="1" class="toggler_row"><td>ROW1</td></tr>


<tr id="6" data-site="SITE:2" data-order="2" data-siteid="02365874" class="site_heading nodrag"><td>SITE2
<td><span id='up'>Up</span> / <span id='down'>Down</span></td></tr>

<tr id="45" data-site="S:2" data-order="1" class="toggler_row"><td>ROW1</td></tr>
<tr id="61" data-site="S:2" data-order="3" class="toggler_row"><td>ROW3</td></tr>
<tr id="19" data-site="S:2" data-order="2" class="toggler_row"><td>ROW2</td></tr>

</table>

这是一个部分行：

<tr id="0" data-site="SITE:1" data-order="1" data-siteid="12456232" class="site_heading nodrag"><td>SITE1
<td><span id='up'>Up</span> / <span id='down'>Down</span></td></tr>

这是其中的一行。

<tr id="15" data-site="S:1" data-order="1" class="toggler_row"><td>ROW1</td></tr>

data-site=S:1的行属于data-site=SITE:1等部分，行顺序应由data-order="1"确定

使用以下我订购我的部分：

var $table=$('#sites');
var rows = $table.find('tr.site_heading').get();
rows.sort(function(a, b) {
    var keyA = $(a).attr('data-order');
    var keyB = $(b).attr('data-order');
    if (!keyA || !keyB) return -1;
    if (keyA > keyB) return 1;
    if (keyA < keyB) return -1;
    return 0;
});

$.each(rows, function(index, row) {
    $table.children('tbody').append(row);
})

$.each(rows, function(index, row) {
    $(this).attr("data-order", index+1);
});

我的第一个问题是如何在部分内订购行？这是 fiddle ，显示当前发生的情况。这些部分是有序的，但是在它们上面添加了额外的行，而不是正确的部分。

我的第二个问题是我可以获得行顺序索引，但是相对于部分行？我打算看看能够移动行顺序，但我需要知道它的当前相对顺序。

由于

jquery订单表行和＆＃39; sub＆＃39;行

0 个答案: