comparte el articulo 

Trabajando con elementos en jQuery: Obtención de subconjuntos

Actualizado el 14/04/2011 < > 0 Comentarios

Resumen: En este artículo estudiaremos como crear subconjuntos en base a la posición de elementos, analizaremos la función "slice()" de jQuery.

En muchas ocasiones, se puede presentar la necesidad de obtener un subconjunto refinado a partir de un conjunto de elementos envueltos, esto se puede lograr de distintas maneras y en base a diferentes factores, como la relación de un elemento con otros de su clase o la posición de dichos elementos dentro del conjunto, factor que será el objetivo de estudio en este artículo.

Método slice() de jquery

jQuery nos proporciona un método corto y sencillo para poder obtener como resultado un subconjunto en base a la posición, dicha función lleva por nombre “slice()”. Este comando se encarga de crear y regresar un nuevo conjunto a partir de una parte o posición del conjunto envuelto establecido, es decir puede proporcionarnos una porción o un conjunto contiguo que se encuentre dentro del padre.

La sintaxis de dicho comando es muy fácil de comprender, tenemos el método “slice” al cual le proporcionaremos dos parámetros que indicarán el inicio y el fin del nuevo subconjunto que se creará, en base a estos parámetros el método devolverá la parte contigua del conjunto envuelto que se encuentra entre esas posiciones. Los dos parámetros son de tipo numérico, el primero indica la posición del primer elemento que será incluido en la porción, mientras que el segundo parámetro indica la posición del primer elemento que no se desea incluir en el subconjunto, recordando que las posiciones inician con el número 0 y que el segundo parámetro puede ser opcional.

Si se omite el segundo parámetro, la división del conjunto se hará desde donde se indicó con el primer parámetro hasta el final del conjunto, también hay que aclarar que se puede utilizar en este caso una posición mas allá del último elemento con el que se cuenta en el conjunto. Finalmente lo que nos regresará la función será un nuevo subconjunto recién creado.

Si suponemos que deseamos obtener un subconjunto que solamente contenga un elemento del conjunto padre, en base a lo que describimos y a su posición en el conjunto original, se podría emplear el método “slice()” porporcionando la posición (de base cero) del elemento que queremos cortar y extraer del conjunto. Por ejemplo, si queremos obtener el tercer elemento del conjunto escribimos algo como esto:

jQuery('*').slice(2,3);

Con esta instrucción seleccionamos todos los elementos que se encuentran en nuestra página, y en base a eso generamos un nuevo conjunto que contiene únicamente el tercer elemento del documento completo, puesto que es el único que coincide con la posición indicada con los parámetros.

Hay que tener en cuenta el uso correcto de este método y saber diferenciarlo de otros que ya hemos visto y tienen un comportamiento similar, tal es el caso del método “get()”. Debemos notar que al utilizar la siguiente expresión jQuery(‘*’).get(2) no obtendremos el mismo resultado, ya que esta únicamente nos regresará el tercer elemento del conjunto envuelto, no un nuevo conjunto que contenga al elemento, que fue lo que hicimos con la función “slice”.

De igual manera debemos saber diferencia que se produce entre usar un solo parámetro y usar dos, ya que si usamos una expresión como la siguiente:

jQuery('*').slice(0,5);

Nos proporcionará un conjunto con los cinco primeros elementos de nuestro conjunto padre, en cambio una expresión como esta:

jQuery('*').slice(5);

Nos dará un conjunto que empezará a partir del quinto elemento de la página y terminará con el último elemento del documento, ya que nunca indicamos un fin. Esto hace que coincida con el resto de los elementos que conforman la página, descartando únicamente los primeros cuatro.

Conclusión

De esta manera hemos sido capaces de crear un nuevo subconjunto con elementos que quizás sean de más utilidad que el resto o que su naturaleza nos orille a trabajar con ellos por separado, sea cual sea la necesidad de hacerlo hemos encontrado una manera muy sencilla de trabajar con ello, sacando provecho del potencial de jQuery.

Como mencione al principio existen otras manera de poder crear subconjuntos, para ello en los siguientes artículos estudiaremos como poder obtenerlos en base a la relación que tienen ciertas partes con otros elementos en el DOM.

Publicado el 14/04/2011, última actualización 14/04/2011.

Licencia: Contenido exclusivo de LaWebera.es. Prohibida su copia.

Autor: Daniel Ernesto Navarro Herrera

URL: Diseño Web :: LaWebera.es

(Subir al texto)

Añadir Comentario

* Campos obligatorios

Meneame Bitacoras