Question

我正在寻找一种方法，将td从一个地方动态移动到另一个地方（在同一个tr内）。

请看看这个演示我的问题的小提琴，还有一些伪代码。

我希望能够遍历所有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...
    });

使用jquery在tr中移动td

2 个答案: