移動<TD類=「45記錄」>到最後的以前<tr>

Question

我有這個表格佈局

我試圖移動數量字段上的一行- fullfit（如45 fullfit）比前行的上方，被定位到最後一列..

這裏的HTML代碼

這裏是我的部分代碼

jQuery("tr").each(function(index, el) { 
    var tdfull = jQuery("[class$='-fullfit']"); //successful on finding <td>'s with "-fullfit" suffixes 
    jQuery(this).prev("tr").append(tdfull); //adds all the <td>'s on the last row 
}) 

這應該是結果

Answer 1

你可以試試下面的循環：

$('[class$="fullfit"]').each(function(){ 
var el = $(this).closest('tr').prev();//go to the parent tr get the previous tr 
el.append($(this));//append the current element to the tr 
}); 

演示：

$('[class$="fullfit"]').each(function() { 
 
    var el = $(this).closest('tr').prev(); 
 
    $(this).closest('tr').remove(); 
 
    el.append($(this)); 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
    <td>5'5''-5'2'</td> 
 
    <td>45</td> 
 
    <td class="45"> 
 
     <input type="text"> 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td>5'5''-5'2'</td> 
 
    <td>45 fullfit</td> 
 
    <td class="45-fullfit"> 
 
     <input type="text"> 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td>5'5''-5'2'</td> 
 
    <td>45</td> 
 
    <td class="45"> 
 
     <input type="text"> 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td>5'5''-5'2'</td> 
 
    <td>45 fullfit</td> 
 
    <td class="45-fullfit"> 
 
     <input type="text"> 
 
    </td> 
 
    </tr> 
 
</table>