可排序表及其父tr

时间:2014-02-13 04:54:45

标签: jquery jquery-ui-sortable

这是我的表

<table class="sortable">
    <tr class="sort_tr">
     <td>
       <table>
    <tr><td>data sub1</td></tr>
            <tr><td>data sub2</td></tr>
        </table>
     </td>
   </tr class="sort_tr">
      <tr>
        <td>data2</td>
      </tr>

我使这个表可排序的脚本如下,

       <script>
        $(function() {
         $( ".sortable" ).sortable({items:'tr'});
        });
       </script>

我想只排序表的子tr,类“sortable”。但是现在它能够对子表的tr进行排序。如何禁用子类的排序?

FIDDLE

1 个答案:

答案 0 :(得分:2)

你想要这种功能

然后我使用了:not()选择器

此处我选择了<tr>课程中的所有sortable,但table课程中的trsortable除外

Fiddle Demo


<强>编辑: 检查这个编辑过的演示,这就是你想要的 - &gt; Updated demo