javascript - Jquery:交换 Div 的 html

Question

如果我有这样的结构:

<div class = "table">
    <div class="table-cell"></div>
    <div class="table-cell"></div>
</div>

我可以使用 JS 或 jQ 更改这两个单元格而不更改 div 的名称吗？

ps。 Div 左右浮动。我这样做是为了根据我的 WP 帖子页面中的元 id 更改元素的位置。

Answer 1

您的示例具有相同的名称，因此不确定您为什么要求不更改名称。暂时忽略它...

您可以交换内容，或仅移动元素。

交换:

var divs = $('.table div.table-cell');
var html = divs.eq(0).html();
divs.eq(0).html(divs.eq(1).html());
divs.eq(1).html(html);

如果您只想交换顺序，例如:

$('.table div.table-cell:last').prependTo('.table');

引用文献:

• https://api.jquery.com/html/
• https://api.jquery.com/first-selector/
• https://api.jquery.com/last-selector/
• http://api.jquery.com/prependto/