Tìm kiếm bên trong phần tử đã tìm thấy trong jQuery
Bây giờ hãy cùng phân tích phương thức
find,
phương thức này tìm các phần tử theo bộ chọn đã cho
bên trong các phần tử đã được tìm thấy (tức là theo các phần tử con
bên trong các phần tử đã tìm thấy).
Chúng ta hãy xem xét hoạt động của phương thức trên mã HTML sau:
<div>
<p>text</p>
<p>text</p>
<p>text</p>
</div>
<div>
<p>text</p>
<p>text</p>
<p>text</p>
</div>
Đầu tiên chúng ta cần tìm tất cả các thẻ div,
đặt văn bản '!' vào đầu chúng bằng cách sử dụng
prepend,
sau đó bên trong chúng tìm tất cả các đoạn văn bằng cách sử dụng
phương thức find và đặt văn bản
'?' vào đầu chúng:
$('div').prepend('!').find('p').prepend('?');
Tìm tất cả các thẻ b có lớp
www, làm cho chúng có màu đỏ,
sau đó trong số các phần tử đã tìm thấy, hãy tìm các phần tử
có lớp test và đặt kích thước
phông chữ của chúng thành 30px.
Tìm tất cả các phần tử có lớp www, làm cho
chúng có màu đỏ, sau đó trong số các phần tử đã tìm thấy
hãy tìm các đoạn văn và đặt văn bản '!' vào
cuối chúng.