Jquery: get Vorfahren (oder Nachkommen) und Selbst

Question

Man kann matchedset.find(selector)/matchedset.parents(selector) verwenden, um die Nachkommen/Vorfahren des aktuellen übereinstimmenden Set durch einen Selektor gefiltert zu bekommen, aber das Matched Set selbst nicht enthält (wenn es passiert passen Sie den Selektor auch an). Gibt es einen besseren (prägnanten und/oder schneller) Weg, um es zu bekommen, als

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

und die jeweilige für die Eltern()?

Answer 1

Sie können dies tun:

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

Für die Eltern:

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

Answer 2

Suchen Sie die Funktion "andSelf()".

Answer 3

Ich denke, Ihre Methode in Bezug auf die Ausführungszeit effizient ist, aber was sind Sie wahrscheinlich ist zu fragen syntaktischer Zucker. Dafür könnte man es in ein Plugin wickeln:

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

es dann wie folgt verwenden:

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

Wenn Sie Lust bekommen wollten Sie ein Plugin erstellen können, die nicht nur für ‚finden‘ funktioniert aber für ‚Eltern‘ und ‚Kinder‘ und anderer Selektor-basierte Plug-in:

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

Dann sind Sie als erstes Argument liefern würden die Traversal-Plugin Ihnen anrufen mögen:

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

Just for Kicks, eine andere Spaß-Plugin, das Sie auf einmal eine beliebige Anzahl von Traversal-Plugins können anrufen:

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

Sie diese mit einer beliebigen Kombination von Selektor-basierte Plugins aufrufen könnte, wie folgt :

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

Answer 4

Während Jeoff Lösung ist schön, manchmal ist es schön, alle Elemente zu durchlaufen zu können, einschließlich sich selbst, ohne einen Selektor. Dieses Add-on ist ein bisschen flexibler:

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

Answer 5

Für die Eltern Sie closest(selector)