使用CSS或jQuery反向排序div？
我有以下内容：
Fe Fi Fo Fum He Hi Ho Hum 我希望内部div以相反的顺序显示，如下所示：
他嗨哼哼
费用Fo Fum
var first = $('div > div:first-child'); first.appendTo(first.parent());
编辑：要处理几个元素，你可以这样做：
$('div > div').each(function() { $(this).prependTo(this.parentNode); });
实例： http ： //jsfiddle.net/xB4sB/
一种方法是：
$('div span:contains("He")').parent().insertBefore('div > div:eq(0)');
JS小提琴演示 。
相反，您也可以只使用CSS来模拟“反向”顺序：
div > div { width: 48%; float: right; } div > div:nth-child(odd) { background-color: #ffa; } div > div:nth-child(even) { background-color: #0f0; }
JS小提琴演示 。
参考文献：
-
:contains-selector()。 -
parent()。 -
insertBefore()。 -
eq()。
您可以使用此方法交换两个节点。 这是一个现场演示 。 您也可以为它们提供唯一的ID名称以简化选择器。
jQuery可以对救援进行排序 。
尝试这样的事情：
$($("span").remove().toArray().reverse()).appendTo("div");
给每个div一个id并使用insertBefore。 例：
$('#hehihohum').insertBefore('#fefifofum');
的jsfiddle