Có nhiều phương thức jQuery để di chuyển ngang trong DOM tree:
siblings()
next()
nextAll()
nextUntil()
prev()
prevAll()
prevUntil()
Phương thức
siblings()
trả về tất cả các phần tử cạnh phần tử được chọn.
Ví dụ sau đây trả về tất cả các phần tử cạnh <h2>
:
$(document).ready(function(){
$("h2").siblings();
});
Bạn cũng có thể sử dụng một tham số tùy chọn để lọc tìm kiếm phần tử.
Ví dụ sau đây trả về tất cả các phần tử cạnh <h2>
mà là phần tử <p>
:
$(document).ready(function(){
$("h2").siblings("p");
});
Phương thức
next()
trả về phần tử tiếp theo của phần tử được chọn..
Ví dụ sau đây trả về phần tử tiếp theo của <h2>
:
$(document).ready(function(){
$("h2").next();
});
Phương thức nextAll()
trả về tất cả các phần tử tiếp theo của phần tử được chọn.
Ví dụ sau đây trả về tất cả các phần tử tiếp theo của <h2>
:
$(document).ready(function(){
$("h2").nextAll();
});
Phương thức nextUntil()
trả về tất cả các phần tử tiếp theo giữa hai đối số đã cho.
Ví dụ sau đây trả về tất cả các phần tử tiếp theo giữa <h2>
và <h6>
:
$(document).ready(function(){
$("h2").nextUntil("h6");
});
Các phương thức prev()
, prevAll()
và prevUntil()
hoạt động giống như các phương thức trên nhưng ngược lại: chúng trả lại các phần tử trước đó.
Ứng Dụng Học
Theo dõi cập nhật nội dung học trên Youtube & Facebook
Thông Tin Liên Hệ
Công Ty Cổ Phần Công nghệ ZicZac Việt Nam.
Website: https://gozic.vn
SĐT: 096 - 70 25 996
Email: ziczacgroup@gmail.com
Thiết kế webiste chuyên nghiệp
Thiết kế phần mềm quản trị
Thiết kế ứng dụng Android
Thiết kế ứng dụng IOS
Thiết kế Web App
Hỗ trợ Digital Marketing
Hỗ trợ quảng cáo Google Ads
Hỗ trợ quảng cáo Facebook Ads
Hỗ trợ SEO Website