Diferencias entre las funciones parent() y closest() de jQuery

Comment

Cliente (HTML, Javascript, CSS) Informática Programación Software

Supongo que mientras han estado programando con jQuery, al menos una vez, les ha tocado tener que recurrir a un elemento padre de un formulario o una estructura DOM. Es decir, por ejemplo, se hace clic en un elemento “a” y necesitan saber dentro de que celda de una tabla se encuentra ese elemento.

Para esto, jQuery tiene más de una función, por este motivo, surge la duda cuál utilizar en determinado momento. Por supuesto, la elección depende del contexto y la situación particular.

Las posibles funciones son tres:

.closest(selector) selecciona el primer elemento que se corresponda con el selector, buscando hacia arriba en el árbol e incluyendo al propio elemento del cual fue llamada la función.

.parent([selector]) seleccionar el elemento padre. Si se usa un selector, solo se tomarán en cuenta los elementos de estas características.

.parents([selector]) similar a parent(), pero selecciona todo el árbol de elementos padre. Idem si se utiliza un selector.

Deja un comentario