jQueryが上方に移動して見つかる

Question

jQueryを使用してテーブル内の要素をドラッグアンドドロップでソートすることができる表があります。

要素を「ソート可能な行」にドロップするとき、以前の「セクション行」からdata-idを読み取る必要があります。

"section-row"の直下の行、または2つ下の行に行がドロップされたときに、これを達成できました。

まずレベルダウン：

($(ui.item[0]).closest('tr').prev('.stop-row').data('id'); 

セカンドレベルダウン：

$(ui.item[0].previousElementSibling).closest('tr').prev('tr.stop-row').data('id'); 

問題は、「セクション」はそれに追加された行の任意の量を持つことができるということですので、私はいくつかの種類を必要とします前の要素が「セクション行」であるかどうかをチェックするループ。そうでない場合は、以下をチェックします。

jQueryでこれをどのように達成できますか？

マイ表：それは、最も近いtrに行くすべてがtrを先行検索し、クラス.section-rowとの最初の1で停止します $(ui.item[0]).closest('tr').prevAll('.section-row:first').data('id');

：

<table class="table table-bordered table-responsive"> 
    <thead> 
     <tr> 
      <td>Assignment</td> 
     </tr> 
     <tr> 
      <td>Type</td> 
     </tr> 
     <tr> 
      <td>Time</td> 
     </tr> 
     <tr> 
      <td>Level</td> 
     </tr> 
    </thead> 

    <tbody class="sortable"> 
     <tr class="section-row" data-id="{{ id }}"> 
      <td> Section-{{ id }}</td> 
     </tr> 
     <tr class="sortable_row"> 
      <td>{{ assignment }}</td> 
      <td>{{ type }}</td> 
      <td>{{ time }}</td> 
      <td>{{ level }}</td> 
     </tr> 
    </tbody> 
</table> 

Answer 1

あなたはこれを行うことができます。