Phương thức next
Phương thức next trả về
phần tử nằm sau phần tử được chỉ định
bên trong cùng một phần tử cha.
Cú pháp
Lấy phần tử lân cận trực tiếp:
.next();
Cũng có thể chọn phần tử lân cận trực tiếp, chỉ khi nó thỏa mãn bộ chọn được chỉ định:
.next(bộ chọn);
Ví dụ
Hãy tìm phần tử #test và đặt văn bản
'!' cho phần tử lân cận phía dưới của nó
bằng phương thức
html:
<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>
$('#test').next().html('!');
Mã HTML sẽ trở thành như thế này:
<p>văn bản</p>
<p>văn bản</p>
<p id="test">văn bản</p>
<p>!</p>
<p>văn bản</p>
Xem thêm
-
phương thức
prev,
cho phép lấy phần tử lân cận phía trên -
phương thức
nextAll,
trả về tất cả các phần tử nằm sau phần tử được chỉ định bên trong cùng một phần tử cha -
phương thức
nextUntil,
trả về các phần tử nằm sau phần tử được chỉ định -
phương thức
siblings,
cho phép lấy tất cả các phần tử lân cận của phần tử bên trong cùng một phần tử cha -
Thuộc tính JavaScript
nextElementSibling,
chứa phần tử tiếp theo nằm cùng trong phần tử cha này
