javascript - 用jQuery排序附加类

我想问一下，是否可以订购附加类？例如，在我的JSFiddle中，当我添加类时，我想在移动外观上显示Lorem ipsum dolor sit amet。

有我的jQuery

$(".cont-1, .cont-2, .cont-3, .cont-4").clone().prependTo(".mobile-content");

附言无法更改.content中的班级顺序

最佳答案

您可以使用选择器数组，并一个接一个地添加

['.cont-1', '.cont-2', '.cont-3', '.cont-4'].reverse().forEach(function(s) {
	$(s).clone().prependTo(".mobile-content");
});

div.content>div{display:inline}
div.mobile-content>div{display:inline;margin:0 5px 0 0}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Original look:<br />
<div class="content">
  <div class="cont-2">ipsum</div>
  <div class="cont-1">Lorem</div>
  <div class="cont-4">sit amet</div>
  <div class="cont-3">dolor</div>
</div>
<br />Mobile look:<br />
<div class="mobile-content">

</div>

或按类别名称排序

$(".cont-1, .cont-2, .cont-3, .cont-4").clone().sort( (a,b) =>
	a.className.localeCompare(b.className)
).prependTo(".mobile-content");

div.content>div{display:inline}
div.mobile-content>div{display:inline;margin:0 5px 0 0}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Original look:<br />
<div class="content">
  <div class="cont-2">ipsum</div>
  <div class="cont-1">Lorem</div>
  <div class="cont-4">sit amet</div>
  <div class="cont-3">dolor</div>
</div>
<br />Mobile look:<br />
<div class="mobile-content">

</div>

关于javascript - 用jQuery排序附加类，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40505613/