jQuery API の jQuery . unique( array ) は、arrayに指定した要素の配列から、重複要素を削除するメソッド。
引数
- array
重複要素を削除したい要素の配列。
戻り値
- Array
配列。
実装例（サンプル）
- li要素Ａ
- li要素Ｂ
- li要素Ｃ
li要素の数： 個
重複させると： 個
重複を削除すると： 個
実装例（サンプル）のソースコード
JavaScript
<script>
<!--
jQuery( function() {
var listitems = jQuery( '#jquery-sample > ul >li' ) . get();
jQuery( '#jquery-sample span:eq(0)' ) . html( listitems . length );
listitems = listitems . concat( listitems );
jQuery( '#jquery-sample span:eq(1)' ) . html( listitems . length );
listitems = jQuery . unique( listitems );
jQuery( '#jquery-sample span:eq(2)' ) . html( listitems . length );
} );
// -->
</script>
<!--
jQuery( function() {
var listitems = jQuery( '#jquery-sample > ul >li' ) . get();
jQuery( '#jquery-sample span:eq(0)' ) . html( listitems . length );
listitems = listitems . concat( listitems );
jQuery( '#jquery-sample span:eq(1)' ) . html( listitems . length );
listitems = jQuery . unique( listitems );
jQuery( '#jquery-sample span:eq(2)' ) . html( listitems . length );
} );
// -->
</script>
CSS
<style>
<!--
#jquery-sample ul {
margin-top: 10px;
margin-bottom: 10px;
}
#jquery-sample span {
color: red;
}
-->
</style>
<!--
#jquery-sample ul {
margin-top: 10px;
margin-bottom: 10px;
}
#jquery-sample span {
color: red;
}
-->
</style>
HTML
<div id="jquery-sample">
<ul>
<li>li要素Ａ</li>
<li>li要素Ｂ</li>
<li>li要素Ｃ</li>
</ul>
<p>li要素の数： <span></span>個</p>
<p>重複させると： <span></span>個</p>
<p>重複を削除すると： <span></span>個</p>
</div>
<ul>
<li>li要素Ａ</li>
<li>li要素Ｂ</li>
<li>li要素Ｃ</li>
</ul>
<p>li要素の数： <span></span>個</p>
<p>重複させると： <span></span>個</p>
<p>重複を削除すると： <span></span>個</p>
</div>