Cách thích hợp mới để sử dụng bộ chọn con với một nút bối cảnh trong jQuery là gì?

Question

Trong jQuery documentation for the child selector tôi thấy ghi chú này:

Lưu ý: Các selector $("> elem", context) sẽ bị phản đối trong một thông cáo trong tương lai. Do đó, việc sử dụng nó không được khuyến khích thay cho việc sử dụng các bộ chọn thay thế.

tôi sử dụng mô hình này tất cả các thời gian, thường là như thế này:

$nodes.find('> children[something=morecomplicated] > somethingelse'); 

Tuy nhiên, tôi không hiểu những gì các "bộ chọn thay thế" họ đề cập đến có thể được. Cách nào đúng để viết bộ chọn đi ngang qua các nút con ngay lập tức của một nút ngữ cảnh? Là tiền thưởng, bất cứ ai có thể giải thích lý do tại sao điều này được khấu hao? Tất cả các lựa chọn thay thế mà mọi người đều cho là đáng kinh ngạc xấu xí.

Dưới đây là một số điều mà không công việc:

// does not guarantee that '.child' is an immediate child 
$nodes.find('.child > .grandchild'); 

// this will return empty array in recent jQuery 
// and will return full list of children in older jQuery 
$nodes.children('.child > .grandchild'); 

// Anything like this which forces you to split up the selector. 
// This is ugly and inconsistent with usual selector ease-of-use, 
// and is a non-trivial conversion for long or complex selectors. 
$nodes.children('.child').children('.grandchild'); 
// After all, no one would ever recommend 
$nodes.find('.this').children('.that'); 
// instead of 
$nodes.find('.this > .that'); 

Answer 1

Lý do họ đang nói:

Lưu ý: Các selector $("> elem", context) sẽ bị phản đối trong một thông cáo trong tương lai. Do đó, việc sử dụng nó không được khuyến khích thay cho việc sử dụng các bộ chọn thay thế.

Do dấu phẩy được theo sau bởi ngữ cảnh trong bộ chọn. Ví dụ. Tuy nhiên, $("> elem") là tốt, $("> elem", context) sẽ không còn được dùng nữa.

$("> elem", context) giống với $(context + "> elem").

Một cách chính xác có được con cháu là

$("elem").children('.child').children('.grandchild'); 

hoặc

context.children('.child').children('.grandchild'); 

hoặc

context.find('> .child > .grandchild');