$.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>
© 2010 - 2017 STUDIO KINGDOM