Phần tử jQuery + Bộ chọn tiếp theo
Định nghĩa và cách sử dụng
Bộ chọn ("phần tử + tiếp theo") chọn phần tử "tiếp theo" của "phần tử" đã chỉ định. Phần tử "tiếp theo" phải được đặt ngay sau "phần tử" được chỉ định để được chọn.
Ví dụ: Nếu bạn có hai phần tử <p> ngay sau phần tử <div>, cú pháp này:
- $("div + p") - sẽ chỉ chọn phần tử <p> đầu tiên, vì nó là phần tử tiếp theo của phần tử <div> (phần tử <p> khác sẽ bị bỏ qua)
Ví dụ: Nếu bạn có phần tử <h2> ngay sau phần tử <div> và sau đó là phần tử <p>, cú pháp này:
- $("div + p") - sẽ không chọn phần tử <p>, vì phần tử tiếp theo của phần tử <div> là phần tử <h2>
Lưu ý: Cả hai phần tử được chỉ định phải có chung phần tử gốc.
Cú pháp
(" element + next ")
Parameter | Description |
---|---|
element |
Required.
Any valid jQuery selector |
next | Required. Specifies the element that should be the next element of the element parameter |
Hãy tự mình thử - Ví dụ
Chọn phần tử <div> bên cạnh mỗi phần tử <ul>
Cách chọn phần tử <div> bên cạnh mỗi phần tử <ul>.