$.unique()

配列から重複しているDOM要素を除去し、ソートした配列を返します。DOM要素の配列専用で、文字列や数値の配列では使用できません。

$.unique( array ) 1.1.3追加

戻り値:Array

引数 説明
array DOM要素の配列を指定します。

DOM要素の配列に対し、重複しているDOM要素を探しだして削除します。 このメソッドはDOM要素のjavaScript配列のみに有効で、主にjQueryの内部的な処理で使用されています。 jQuery1.4で常にDocumentの順番で結果を返すようになりました。

デモ

DIV要素の配列にて重複している要素を削除します。

<!DOCTYPE html>
<html>
<head>
<style>
  div { color:blue; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div>このDocumentには6つのDOM要素が存在します。</div>
<div></div>
<div class="dup"></div>
<div class="dup"></div>
<div class="dup"></div>
<div></div>
<script>
    //get()することで、純粋な配列にしています
    var divs = $("div").get();
    //3つのDIV要素を取得して、追加します
    divs = divs.concat($(".dup").get());

    $("div:eq(1)").text(".unique()前の要素数は、" + divs.length + "です。");
    divs = jQuery.unique(divs);
    $("div:eq(2)").text(".unique()後の要素数は、" + divs.length + "です。").css("color", "red");
</script>
</body>
</html>

 Back to top

© 2010 - 2017 STUDIO KINGDOM