Các phương thức prev và next trong jQuery
Với phương thức
prev
bạn có thể truy cập đến phần tử liền kề phía trên của
một phần tử xác định, và với phương thức
next
- đến phần tử liền kề phía dưới (lưu ý rằng các phần tử chỉ được coi là liền kề
khi nằm trong cùng một phần tử cha).
Lấy ví dụ với các đoạn văn sau:
<p>văn bản</p>
<p>văn bản</p>
<p id="test">văn bản</p>
<p>văn bản</p>
<p>văn bản</p>
Bây giờ tìm phần tử #test và
đặt văn bản '!' cho phần tử liền kề phía trên của nó:
$('#test').prev().html('!');
Và bây giờ thực hiện thao tác tương tự với phần tử liền kề phía dưới:
$('#test').next().html('!');
Tìm phần tử đầu tiên đứng
ngay trước phần tử có
class test.
Tìm phần tử đầu tiên đứng
ngay sau phần tử có class
test.
