出力したliの順番を逆にする

表題どおり。

wordpressなどでorder指定ができない時などに

ulクラス名は任意(ここではreverseとする)

 <!-- jquery本体は自分でダウンロードして読み込む -->
<script type="text/javascript" src="js/jquery.min.js"></script>
 <!-- .reverse li の順番を逆に -->
<script type="text/javascript">
jQuery(function($) {
	$(document).ready(function() {
		var list = $('.reverse > li').toArray().reverse();
		$('.digital-downloads').empty().append(list);
	});
	(
		function() {
			$(this).text('Reverse Order');
		}
	);
});
</script>
 <!-- .reverse li の順番を逆に -->

 

参考サイト unformedbuilding.com…
見ていただいてありがとうございます。↓ポチしてくださいませ。
  • もう少し詳しく書いて! (8)
  • 見たけど役立たず (8)
  • 見た (4)
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

目次