移到前一个

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>