Este método único() en jQuery se usa para ordenar una array de elementos DOM, en su lugar, con los duplicados eliminados.
Sintaxis:
jQuery.unique( array )
Parámetros: el método unique() acepta solo un parámetro que se menciona arriba y se describe a continuación:
- array: este parámetro es 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 unique() elimina los elementos duplicados de la array de divs.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JQuery | unique() method</title>
<script src="https://code.jquery.com/jquery-3.4.1.js">
</script>
<style>
div {
color: blue;
}
</style>
</head>
<body style="text-align:center;">
<h1 style="color: green">
GeeksForGeeks
</h1>
<h3>JQuery | unique() 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.unique( 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 unique() elimina todos los elementos duplicados de la array de p.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JQuery | unique() method</title>
<script src =
"https://code.jquery.com/jquery-3.4.1.js">
</script>
</head>
<body style="text-align:center;">
<h1 style="color: green">
GeeksForGeeks
</h1>
<h3>JQuery | unique() method</h3>
<p></p>
<p class="geek"></p>
<p></p>
<script>
$(function () {
var ps = $( "p" ).get();
ps = jQuery.unique( 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