Khi bạn thực hiện một số thay đổi trong các phần tử, đôi khi bạn cần đảm bảo rằng phần tử được yêu cầu tồn tại hoặc cần tạo
Trong bài viết ngắn này, tôi sẽ chỉ cho bạn một số cách để kiểm tra xem phần tử có tồn tại không. Bạn có thể kiểm tra nó bằng jQuery hoặc Javascript thuần túy
Sử dụng jQuery
if [$["#myElem"].length > 0] {
// do something awesome...
}Nếu phần tử có bộ chọn không tồn tại, thuộc tính độ dài phần tử sẽ trả về 0
Hoặc bạn thậm chí không cần phải so sánh với số không. Giống như cách bạn có thể đặt bộ chọn lớp thay vì id
if [$[".myElem"].length] {
// do something awesome...
}Nếu thuộc tính độ dài phần tử là 0, nó sẽ trả về giá trị sai, bất kỳ giá trị nào lớn hơn giá trị đó đều đúng
Sử dụng Javascript
Tương tự như vậy, bạn cũng có thể tìm thấy nó bằng mã Javascript thuần túy.
if[document.querySelectorAll["#myElem"].length] {
// do something awesome...
}Hoặc thứ gì đó giống thế này
if[document.getElementById['myElem']] {
// do something awesome...
}Hy vọng bạn sẽ thích nó
Khi chúng ta sử dụng các phần tử động trong jQuery thì đôi khi bạn nên kiểm tra xem phần tử đó có tồn tại hay không trước khi thực hiện một thao tác nào đó trên phần tử đó. Trong những trường hợp như vậy, bạn có thể sử dụng jQuery. thuộc tính độ dài để xác định xem bộ chọn của bạn có khớp với bất kỳ nội dung nào trong trang web không
Bộ chọn ID kiểm tra
Bộ chọn lớp kiểm tra
Nguồn đầy đủ
Phương thức hiển thị [] của jQuery
Trong jQuery, không phải lúc nào cũng cần kiểm tra xem một phần tử có tồn tại hay không. Đoạn mã sau sẽ hiển thị phần tử nếu nó tồn tại và không làm gì [không có lỗi] nếu nó không tồn tại
Để kiểm tra xem một phần tử có trong DOM với jQuery hay không, bạn có thể sử dụng bộ chọn. Chúng trả về một hoặc nhiều phần tử phù hợp trong tài liệu. Sau đó kiểm tra thuộc tính
if[document.getElementById['myElem']] {
// do something awesome...
}if[document.getElementById['myElem']] {
// do something awesome...
}jQuery
1
2
3
4
5
6
7
8
$[tài liệu]. sẵn sàng[chức năng[] {
nếu [$["#name"].độ dài] {
cảnh báo["Phần tử tồn tại"]