Jquery: obtenir des ancêtres (ou des descendants) et soi

Question

On peut utiliser matchedset.find(selector) - matchedset.parents(selector) pour obtenir les descendants / ancêtres de l’ensemble mis en correspondance actuel filtré par un sélecteur, mais cela n'inclut pas l’ensemble mis en correspondance lui-même (s’il se trouve le sélecteur aussi). Y at-il un meilleur moyen (plus concis et / ou plus rapide) de l'obtenir que

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

et le respect pour les parents ()?

Answer 1

Tu peux le faire:

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

Pour les parents:

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

Answer 2

Je pense que votre méthode est efficace en termes de temps d'exécution, mais ce que vous êtes probablement demander est sucre syntaxique. Pour que, vous pouvez l'envelopper dans un plugin:

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

Ensuite l'utiliser comme ceci:

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

Si vous vouliez obtenir la fantaisie, vous pourriez créer un plugin qui fonctionne non seulement pour "trouver", mais pour "parents" et "enfants" et d'autres sélecteur à base de plugins:

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

Puis vous auriez approvisionnement comme premier argument de la traversée de plugin que vous voulez l'appeler:

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

Juste pour le plaisir, plaisir un autre plugin qui vous permet d'appeler un nombre arbitraire de la traversée de plugins tout à la fois:

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

Vous pourriez appeler cela un avec n'importe quelle combinaison de sélecteur à base de plugins, comme suit:

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

Answer 3

Bien que la solution de Jeoff soit intéressante, il est parfois agréable de pouvoir parcourir tous les éléments, y compris lui-même, sans sélecteur. Cet add-on est un peu plus flexible:

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

Answer 4

Recherchez la fonction "andSelf ()".

Answer 5

Pour les parents, vous avez closest(selector)