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/

Answer 2

你的div没有名字，尽管他们有课程。他们的内容可以这样改变：

var aux = $(".table > .table-cell:eq(0)").html();
$(".table > .table-cell:eq(0)").html($(".table > .table-cell:eq(1)").html());
$(".table > .table-cell:eq(1)").html(aux);

注意，最好使用孩子＆gt;运算符如果你知道这些是子代而不是后代运算符（空格），因为这意味着。