В чем разница между .find и просто пробелом между предком и потомком?

0

$("div.product"); выбирает элементы с классом продукта, у которого есть предок div $("div").find(".product"); делает то же самое, насколько я вижу.

Оба работают отлично для меня. Я хотел бы знать, что я должен использовать, чтобы упорядочить мой код?

Теги:
find
jquery-selectors
ancestor
descendant

1 ответ

3

Найти особенно полезно, если у вас уже есть объект jQuery с родительскими элементами:

var $elements = $("div");
// some code that does other stuff with $elements
// ...
// then
var $products = $elements.find(".product");

Или даже если у вас есть прямая ссылка на элемент DOM, который является родителем/предком:

$(domElementRef).find(".product");
// or inside an event handler where 'this' is the DOM element the event applied to:
$(this).find(".product");

Если вам не нужно выполнять какую-либо обработку элементов (элементов) родителя/предка, вам просто нужно использовать комбинированный селектор с $("div.product").

Ещё вопросы

Сообщество Overcoder
Наверх
Меню