jQuery API の jQuery . makeArray( obj ) は、objに指定した配列のようなオブジェクトを、真のJavaScript配列に変換する。
引数
- obj
JavaScript配列に変換したいオブジェクト。
戻り値
- Array
JavaScript配列。
記述例
var elements = jQuery( 'ul#sample li' );
var array = jQuery . makeArray( elements );
array . reverse();
jQuery( array ) . appendTo( '#sample' );
var array = jQuery . makeArray( elements );
array . reverse();
jQuery( array ) . appendTo( '#sample' );
idが「sample」であるul要素内のli要素を、逆順に並べ替えて表示する。
実装例（サンプル）
- 項目１
- 項目２
- 項目３
- 項目４
- 項目５
実装例（サンプル）の動作について
「逆順に並べ替え」ボタンをクリックすると、「項目１」～「項目５」を並べ替える。
実装例（サンプル）のソースコード
JavaScript
<script type="text/javascript">
<!--
jQuery( function() {
jQuery( '#jquery-sample button' ) . click( function() {
var elements = jQuery( '#jquery-sample-ul li' );
var array = jQuery . makeArray( elements );
array . reverse();
jQuery( '#jquery-sample-ul' ) . append( array );
} );
} );
// -->
</script>
<!--
jQuery( function() {
jQuery( '#jquery-sample button' ) . click( function() {
var elements = jQuery( '#jquery-sample-ul li' );
var array = jQuery . makeArray( elements );
array . reverse();
jQuery( '#jquery-sample-ul' ) . append( array );
} );
} );
// -->
</script>
CSS
<style>
<!--
#jquery-sample {
margin: 10px;
}
-->
</style>
<!--
#jquery-sample {
margin: 10px;
}
-->
</style>
HTML
<div id="jquery-sample">
<button>逆順に並べ替え</button>
<ul id="jquery-sample-ul">
<li>項目１</li>
<li>項目２</li>
<li>項目３</li>
<li>項目４</li>
<li>項目５</li>
</ul>
</div>
<button>逆順に並べ替え</button>
<ul id="jquery-sample-ul">
<li>項目１</li>
<li>項目２</li>
<li>項目３</li>
<li>項目４</li>
<li>項目５</li>
</ul>
</div>