jQuery selector cho việc tìm kiếm các yếu tố đầu tiên sau khi một yếu tố cho phù hợp với một selector

Question

Hãy nói rằng tôi có HTML này:

<textarea>blah</textarea> 
<br> 
<div class="select_this">hello!</div> 

Làm thế nào tôi có thể chọn DIV với lớp "select_this" khi tôi đã có các textarea xác định ? Tôi không muốn sử dụng bộ chọn lớp trên toàn bộ tài liệu vì tôi đang làm việc với tài liệu lớn và tra cứu lớp học chậm trong các trình duyệt cũ hơn.

jQuery .next() dường như không thực hiện thủ thuật, gần nhất() chỉ tìm kiếm cây DOM và .nextUntil() đủ điều kiện trên mọi thứ tôi cần trừ div "select_this". Có bất kỳ tùy chọn nào khác không?

Answer 1

Có hai cách để làm điều đó.

Sử dụng này nếu bạn chỉ có một vài anh chị em:

$('textarea').nextAll('div.select_this').first(); 

Nhược điểm của việc này là nó kiểm tra tất cả các yếu tố sau để xem nếu nó phù hợp với chọn, ngay cả sau khi nó được tìm thấy đầu tiên. Sử dụng điều này nếu bạn có nhiều, rất nhiều anh chị em, để tiết kiệm đánh giá:

$('textarea').nextUntil('div.select_this').andSelf().last().next(); 

Cũng lưu ý rằng nó tốt hơn để sử dụng các phương pháp first và last, chứ không phải là bộ chọn tương ứng của họ (:first, :last), bởi vì trình duyệt không tự nhiên hiểu các bộ chọn, làm chậm biểu thức xuống một cách đáng kể.

Đã chỉnh sửa để kết hợp andSelf cho mỗi nhận xét bên dưới.

Answer 2

Bạn muốn nextAll:

jQuery(yourTextarea).nextAll('.select_this:first');