19
Giả sử bạn có danh sách có danh sách con lồng nhau.Bộ chọn con bằng cách sử dụng `querySelectorAll` trên bộ sưu tập DOM
<ul>
<li></li>
<li>
<ul>
<li></li>
<li></li>
</ul>
</li>
<li></li>
</ul>
Và sử dụng document.querySelectorAll() để thực hiện một lựa chọn:
var ul = document.querySelectorAll("ul");
Làm thế nào tôi có thể sử dụng bộ sưu tập ul để có được những yếu tố con trực tiếp?
ul.querySelectorAll("> li");
// Gives 'Error: An invalid or illegal string was specified'
Hãy đoán ul được lưu trữ bằng cách nào đó (nếu không tôi đã có thể làm ul > li trực tiếp).
Trong jQuery làm việc này:
$("ul").find("> li");
Nhưng nó không có nguồn gốc trong querySelectorAll. Bất kỳ giải pháp?
Đó chọn không thực sự có ý nghĩa. Với jQuery bạn sẽ sử dụng '.children (" li ")' thay vì '.find ("> li ")'. Tôi ngạc nhiên khi làm việc ở tất cả, thực sự. –
@ MДΓΓБДLL '.find ('> li ul span')' rất hữu ích, nhưng không quá nhiều theo cách riêng của nó như trong ví dụ của OP. – alex
@ MДΓΓБДLL ví dụ là một chút contrived, nhưng nó chắc chắn có một trường hợp sử dụng thực tế :) – Husky