Làm thế nào để chọn các yếu tố trẻ em dưới id trong jQuery

Question

đang

mẫu:

<div id='container'> 
    <h1>heading 1</h1> 
    <h2>heading 2</h2> 
    <p>paragraph</p> 
</div> 

Tôi muốn một tương đương jQuery của selector CSS này để chọn các yếu tố h1 dưới div:

#container h1 {} 

Answer 1

Bạn có thể chỉ đơn giản là thực hiện chính xác cùng một selector:

$('#container h1') 

Những lựa chọn mỗi h1 yếu tố được tìm thấy trong các yếu tố #container, hoặc:

$('#container > h1') 

Những lựa chọn chỉ những h1 yếu tố mà có phần tử #container như cha mẹ của họ (không ông bà, hoặc hình thức khác của tổ tiên).

Hoặc, nếu bạn thích:

$('#container').find('h1') 

Bạn cũng có thể hạn chế nó đến một yếu tố đặc biệt h1:

$('#container h1:first') 

Những lựa chọn duy nhất là yếu tố đầu tiên h1 bên trong phần tử #container.

Tài liệu tham khảo:

• find().
• :first selector.
• jQuery selectors.