Lớp jQuery trong bộ chọn lớp

Question

<div class="outer"> 
    <div class="inner"></div> 
</div> 

làm cách nào để tìm div bên trong ở đây?

$container.find('.outer .inner')

là chỉ cần đi để tìm một div với class="outer inner", là đúng?

vì vậy tôi cố gắng

$container.find('.outer > .inner')

nhưng điều đó dường như không được làm việc.

Edit:

Tôi biết nó dễ dàng để tìm thấy với một cái gì đó giống như

$container.find('.outer').find('.inner')

nhưng tôi đang tìm kiếm các loại cú pháp selector duy nhất mà đọc IMHO tốt hơn.

Answer 1

là chỉ cần đi để tìm một div với class = "bên ngoài bên trong", là đúng?

Không, '.outer .inner' sẽ tìm kiếm tất cả các yếu tố với lớp .inner rằng cũng có một phần tử với lớp .outer như một tổ tiên. '.outer.inner' (không có khoảng trắng) sẽ cho kết quả bạn đang nghĩ tới.

'.outer > .inner' sẽ xem xét cho trẻ em ngay lập tức của một phần tử với .outer lớp cho các yếu tố với lớp .inner.

Cả hai '.outer .inner' và '.outer > .inner' sẽ hoạt động cho ví dụ của bạn, mặc dù các bộ chọn về cơ bản khác nhau và bạn nên cảnh giác với điều này.

Answer 2

Đối html này:

<div class="outer"> 
    <div class="inner"></div> 
</div> 

chọn này nên làm việc:

$('.outer > .inner')