Este método uniqueSort() en jQuery se usa para ordenar una array de elementos DOM, en su lugar con los duplicados eliminados.
Sintaxis:
jQuery.uniqueSort( array )
Parámetros: el método uniqueSort() acepta solo un parámetro que se menciona arriba y se describe a continuación:
- array: este parámetro contiene la array de elementos DOM.
Valor devuelto: Devuelve la array ordenada de elementos DOM después de eliminar los duplicados.
Ejemplo 1: en este ejemplo, el método uniqueSort() elimina los elementos duplicados de la array de divs.
<!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>
Producción:
Ejemplo 2: En este ejemplo, el método uniqueSort() elimina todos los elementos duplicados de la array de 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>
Producción:
Publicación traducida automáticamente
Artículo escrito por SHUBHAMSINGH10 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA