jQuery . unique( array )

jQuery API の jQuery . unique( array ) は、arrayに指定した要素の配列から、重複要素を削除するメソッド。

引数

array

重複要素を削除したい要素の配列。

戻り値

Array

配列。

実装例(サンプル)

  • li要素A
  • li要素B
  • li要素C

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>

CSS

<style>
<!--
#jquery-sample ul {
    margin-top: 10px;
    margin-bottom: 10px;
}
#jquery-sample span {
    color: red;
}
-->
</style>

HTML

<div id="jquery-sample">
    <ul>
        <li>li要素A</li>
        <li>li要素B</li>
        <li>li要素C</li>
    </ul>
    <p>li要素の数: <span></span></p>
    <p>重複させると: <span></span></p>
    <p>重複を削除すると: <span></span></p>
</div>

スポンサード リンク

カテゴリー: API, JavaScript, jQuery, Utilities タグ: パーマリンク