將第二個td移到第一個td之前

Question

下面是我擁有的表格。我想將所有第二個td s移到第一個td s之前。我的代碼主要工作，但它只移動td s內的內容，而不是td本身（內容和樣式）。

$(document).ready(function() { 
 
    $('.mrQuestionTable tr').each(function() { 
 
    $(this).find('td:eq(0)').before($(this).find('td:eq(0)').next().html()); 
 
    }); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table summary="" class="mrQuestionTable" style="display: inline-block;"> 
 
    <tr> 
 
    <td> 
 
     <span class="mrQuestionText" style="color: #00659d;"><b><u>Chronic Inflammatory Demyelinating Polyneuropathy (CIDP)</u></b> patients personally managed in the past year</span> 
 
    </td> 
 
    <td> 
 
     <div></div> 
 
     <span style=""> 
 
\t \t \t <div></div> 
 
\t \t \t <input type="text" name="_QA2_Qa_QA2__Scale" id="_Q0_Q0_Q0" class="mrEdit" autocomplete="off" style="width: 3em;" maxlength="2" value=""/> 
 
\t \t \t </span> 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td> 
 
     <span class="mrQuestionText" style="color: red;"><b><u>Guillain-Barre Syndrome (GBS)</u></b> patients personally managed in the past year</span> 
 
    </td> 
 
    <td> 
 
     <div></div> 
 
     <span style=""> 
 
\t \t \t <div></div> 
 
\t \t \t <input type="text" name="_QA2_Qb_QA2__Scale" id="_Q0_Q1_Q0" class="mrEdit" autocomplete="off" style="width: 3em;" maxlength="2" value=""/> 
 
\t \t \t </span> 
 
    </td> 
 
    </tr> 
 
</table>

Answer 1

更改您的選擇，以$(this).find('td:eq(0)').before($(this).find('td:eq(1)'));

$(document).ready(function() { 
 
    $('.mrQuestionTable tr').each(function() { 
 
    $(this).find('td:eq(0)').before($(this).find('td:eq(1)')); 
 
    }); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table summary="" class="mrQuestionTable" style="display: inline-block;"> 
 
    <tr> 
 
    <td> 
 
     <span class="mrQuestionText" style="color: #00659d;"><b><u>Chronic Inflammatory Demyelinating Polyneuropathy (CIDP)</u></b> patients personally managed in the past year</span> 
 
    </td> 
 
    <td> 
 
     <div></div> 
 
     <span style=""> 
 
\t \t \t <div></div> 
 
\t \t \t <input type="text" name="_QA2_Qa_QA2__Scale" id="_Q0_Q0_Q0" class="mrEdit" autocomplete="off" style="width: 3em;" maxlength="2" value=""/> 
 
\t \t \t </span> 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td> 
 
     <span class="mrQuestionText" style="color: red;"><b><u>Guillain-Barre Syndrome (GBS)</u></b> patients personally managed in the past year</span> 
 
    </td> 
 
    <td> 
 
     <div></div> 
 
     <span style=""> 
 
\t \t \t <div></div> 
 
\t \t \t <input type="text" name="_QA2_Qb_QA2__Scale" id="_Q0_Q1_Q0" class="mrEdit" autocomplete="off" style="width: 3em;" maxlength="2" value=""/> 
 
\t \t \t </span> 
 
    </td> 
 
    </tr> 
 
</table>

Answer 2

你需要從方法刪除HTML（），並有這樣的事情，

$(document).ready(function(){ 
    $('.mrQuestionTable tr').each(function() { 
     $(this).find('td:eq(0)').before($(this).find('td:eq(0)').next()); 
    }); 
});