jqueryを使用してtr内のtdを移動する

Question

tdをある場所から別の場所（同じtr内）に動的に移動する方法を探しています。

私の問題といくつかの擬似コードを示すこのフィドルを見てください。

http://jsfiddle.net/Qsys7/847/

私はすべてのtdのをループのことができるようにと、このように画像を確認するために願っています：

$('#original > tbody > tr').each(function(index, value) {  
    var tdToMove; 
    // Check if elem has an image as a child 
    //if so, move it... 
}); 

Answer 1

あなたは次のようにそれを行うことができます。

$('#original > tbody > tr').each(function(index, value) { 
 
    var td = $('td:first', this); 
 
    $(this).append(td) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table id="original"> 
 
    <tbody> 
 
    <tr> 
 
     <td></td> 
 
     <td><strong>Name</strong></td> 
 
    </tr> 
 
    <tr> 
 
     <td><img src="http://mario.nintendo.com/img/mario_logo.png" alt="" width="100" height="65" /></td> 
 
     <td>Mario</td> 
 
    </tr> 
 
    <tr> 
 
     <td><img src="http://www.mariowiki.com/images/thumb/a/a0/Ice_Luigi_artwork.jpg/150px-Ice_Luigi_artwork.jpg" alt="" width="100" height="65" /></td> 
 
     <td>Luigi</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

Answer 2

これは、行は、IMGを持っているかどうかをチェックする方法ですが、私はそれが

$('#original tbody tr').each(function(index, value) { 
     if($(this).children("td").children("img").length > 0){ 
     console.log("there is a img") 
     } 
     // Check if elem has an image as a child 
     //if so, move it... 
    });