jQuery element ~ siblings Selector - Chọn phần tử anh em cùng cấp sau phần tử chỉ định

views

A+A-

PrintEmail

Bộ chọn jQuery element ~ siblings Selector dùng để chọn những phần tử anh em cùng cấp đứng sau phần tử được chỉ định. Cùng học jQuery cơ bản tại LaiXe.Xyz

Cú pháp, Khái niệm và cách sử dụng jQuery element ~ siblings Selector

Syntax

Bộ chọn jQuery element ~ siblings Selector có cú pháp

$("element ~ siblings")

Tham số	Mô tả
element	Tham số bắt buộc, là bộ chọn jQuery hợp lệ
siblings	Tham số bắt buộc là phần tử tiếp theo cùng cấp của phần tử element

jQuery element ~ siblings Selector dùng để chọn phần tử cùng cấp tiếp ở sau đó, không nhất thiết phải đứng liền kề
Lưu ý: Bộ chọn này sử dụng dầu ~ giữa 2 phần tử nhé
Mẹo: Để tìm và chọn những phần tử cùng cấp tiếp theo mà bắt buộc phải đứng ngay sau đó chúng ta sẽ sử dụng bộ chọn element + next

Ví dụ jQuery element ~ siblings Selector

Kết quả của bộ chọn những phần tử anh em đứng sau phần tử chỉ định

-Trường hợp 1: Nếu bạn có 2 thẻ <p> đứng ngay sau thẻ <div> và bạn sử dụng cú pháp $("div ~ p") thì bộ chọn jQuery sẽ tìm đến cả thẻ <p> mà không hề qua thẻ <p> thứ 2.
-Trường hợp 2: Nếu bạn có các thẻ cùng cấp theo thứ tự như sau:  thẻ <div> <h2> <p>  và bạn sử dụng cú pháp $("div ~ p") thì bộ chọn jQuery vẫn sẽ chọn (tìm) đến thẻ <p> luôn nhé.
Cùng xem kỹ ví dụ dưới đây để hình dung và hiểu rõ hơn nhé.

Ví dụ

Chọn những phần tử <p> là phần tử tiếp theo đứng sát và cùng cấp của phần tử <div>

$("div ~ p")

Thử code »

Xem thêm bài viết Tất cả bộ chọn jQuery Selectors tại đây

Chuyên Mục : Bộ chọn jQuery Học jQuery jQuery Selectors