Jak uwzględnić elementy kontekstu w przestrzeni wyszukiwania przy użyciu jQuery (selektor [, kontekst])

Question

Mam istniejącą kolekcję elementów, które chcę zmienić, jeśli pasują do danego selektora. Chcę zrobić to samo dla potomków tych przedmiotów (rekursywnie). To wydaje się być funkcją jQuery(selector [, context ]). Jednak wynikowy zestaw nie zawiera elementów nadrzędnych. Też chcę je zapytać. Czy można to zrobić za pomocą jednego polecenia?

np

var els = $('<div foo="bar">') 
$("[foo]", els); // finds nothing 
els.filter("[foo]"); // finds div 

Ale filtr nie szukać potomków, więc

var els = $('<div foo="bar"><span foo="foobar"></div>') 
$("[foo]", els); // finds span 
els.filter("[foo]"); // finds div 

Jaki jest najlepszy sposób, aby znaleźć zarówno rozpiętość i div? Używaj obu poleceń? Czy istnieje jedno polecenie linii, aby je znaleźć? W każdym razie lepiej?

var els = $('<div foo="bar"><span foo="foobar"></div>') 
var selection = $("[foo]", els); // finds inner elements 
selection = selection.add(els.filter("[foo]")); // then adds on parents that match the selector 

Answer 1

kontekst dla doprowadzania elementów lub zbiór elementów, wygląd ciągu, czyli potomków tych elementów. Nie filtruje jak .filter, jest bardziej podobny do .find.

Jeśli chcesz zarówno, będziesz musiał użyć obu:

$("[foo]", els).add(els.filter("[foo]")); 

lub użyć elementu nadrzędnego.

$("[foo]", $("<div>").html(els)); 

tak, nie ma lepszego sposobu.

Druga metoda polega na tym, jak działa metoda .load jQuery, ale nie uważam tego za lepszą.

https://github.com/jquery/jquery/blob/1.9-stable/src/ajax.js#L176