jQuery 交换多个元素

Question

我有一个 div 和一个链接的三个组 (td)，我想将链接放置在每个组 (td) 中的 div 之前。我尝试使用 after() 但没有成功..有没有简单的方法可以做到这一点？

我有这样的结构:

<table>
    <tr>
        <td>
            <div>Text</div>
            <a href="#">Link</a>
        </td>
        <td>
            <div>Text</div>
            <a href="#">Link</a>
        </td>
        <td>
            <div>Text</div>
            <a href="#">Link</a>
        </td>
    </tr>
</table>

Answer 1

如果您希望 a 元素成为第一个子元素，请使用以下内容:

Example Here

$('table td a').each(function(){
    $(this).prependTo($(this).parent());
});

或者，如果您只想将其插入到其前一个兄弟之前，也可以使用此选项。

Example Here

$('table td a').each(function(){
    $(this).insertBefore($(this).prev());
});