Jquery: obtener ancestros (o descendientes) y uno mismo

Question

Se puede usar matchedset.find(selector)/matchedset.parents(selector) para obtener los descendientes/ancestros del conjunto coincidente actual filtrado por un selector, pero eso no incluye el conjunto combinado en sí (si le ocurre emparejar el selector también). ¿Hay una manera mejor (más concisa y/o más rápido) para tenerla que

matchedset.find(selector).add(matchedset.filter(selector)) 

y la respectiva para los padres()?

Answer 1

Usted puede hacer esto:

matchedset.find('*').andSelf().filter(selector); 

Para los padres:

matchedset.parents('*').andSelf().filter(selector); 

Answer 2

Busque la función "andSelf()".

Answer 3

Creo que su método es eficiente en términos de tiempo de ejecución, pero lo que probablemente está pidiendo es el azúcar sintáctica. Por eso, usted podría envolverlo en un plugin:

jQuery.fn.findAndSelf = function(selector) { 
    return this.find(selector).add(this.filter(selector)) 
    } 

Entonces utilizar de esta manera:

$('.whatever').findAndSelf('.awesome') 

Si desea conseguir la suposición podría crear un plugin que funciona no sólo para 'encontrar' pero para 'padres' y 'niños' y otros complementos a base de selectores:

jQuery.fn.withSelf = function(plugin, selector) { 
    return this[plugin](selector).add(this.filter(selector)) 
    } 

Entonces será suministran como primer argumento el recorrido de plugins que desea llamar:

$('.whatever').withSelf('find', '.awesome') 
$('.whatever').withSelf('parents', '.awesome') 

Sólo por diversión, otro plugin de la diversión que le permite llamar a un número arbitrario de plugins de recorrido de todos a la vez:

jQuery.fn.traverse = function(plugins, selector) { 
    var set = new jQuery(); 
    $.each(plugins, function(i, val) { 
     set.add(this[val](selector)); 
    } 
    return set 
    } 

Se podría invocar éste con cualquier combinación de complementos a base de selectores, de la siguiente manera :

$('.whatever').traverse(['find','filter'], '.awesome') 
$('.whatever').traverse(['parents','find'], '.awesome') 
$('.whatever').traverse(['parents', 'filter'], '.awesome') 

Answer 4

Mientras que la solución de Jeoff es agradable, a veces es bueno ser capaz de recorrer todos los elementos, incluyendo a sí misma sin un selector. Este complemento es un poco más flexible:

$.fn.all = function(selector) { 
    if(selector===window.undefined) return this.find('*').andSelf(); 
    return this.filter(selector).add(this.find(selector)); 
}; 

Answer 5

Para los padres que tienen closest(selector)