jQuery uniqueSort()方法
jQuery中的uniqueSort()方法是用来排序DOM元素的数组,并将重复的部分删除。
语法:
jQuery.uniqueSort( array )
参数: uniqueSort()方法只接受一个参数,上面提到了,下面也有描述。
- array:该参数持有DOM元素的阵列。
返回值:它返回去除重复的DOM元素后的排序数组。
示例1:在这个例子中,uniqueSort()方法从div数组中删除重复的元素。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JQuery | uniqueSort() method</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js">
</script>
<style>
div {
color: blue;
}
</style>
</head>
<body style="text-align:center;">
<h1 style="color: green">
GeeksForGeeks
</h1>
<h3>JQuery | uniqueSort() method</h3>
<div></div>
<div class="geek"></div>
<div class="geek"></div>
<div class="geek"></div>
<div></div>
<script>
(function () {
var divs =("div").get();
divs = divs.concat((".geek").get());
("div:eq(1)").text(
"Sorts an array of DOM elements "
+ divs.length + " with the duplicates removed");
divs = jQuery.uniqueSort(divs);
$("div:eq(2)").text(
"Sorts an array of DOM elements "
+ divs.length + " with the duplicates removed")
.css("color", "red");
})
</script>
</body>
</html>
输出:
例子2:在这个例子中,uniqueSort()方法从p的数组中删除所有重复的元素。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JQuery | uniqueSort() method</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js">
</script>
</head>
<body style="text-align:center;">
<h1 style="color: green">
GeeksForGeeks
</h1>
<h3>JQuery | uniqueSort() method</h3>
<p></p>
<p class="geek"></p>
<p></p>
<script>
(function () {
var ps =("p").get();
ps = jQuery.uniqueSort(ps);
UniqueSort(document getElementsByTagName("p".));
("p").text("Sorts an array of DOM elements "
+ "with the duplicates removed")
.css("color", "red");
})
</script>
</body>
</html>
输出: