jQuery duyệt - phương pháp prev()
Mô hình
Tìm kiếm mỗi đoạn văn bản, tìm phần tử anh em trước của chúng có tên lớp là "selected":
$("p").prev(".selected")
Định nghĩa và cách sử dụng
prev() lấy phần tử anh em trước của mỗi phần tử trong bộ sưu tập khớp, việc lọc bằng biểu thức chọn lọc là tùy chọn.
.prev(selector)
| Tham số | Mô tả |
|---|---|
| selector | Giá trị chuỗi, chứa biểu thức chọn lọc được sử dụng để khớp phần tử. |
Giải thích chi tiết
Nếu được cung cấp một đối tượng jQuery biểu thị bộ sưu tập phần tử DOM, phương pháp .prev() cho phép chúng ta tìm kiếm phần tử anh em trước của chúng trong cây DOM và tạo một đối tượng jQuery mới bằng phần tử khớp.
Phương pháp này chấp nhận biểu thức chọn lọc tùy chọn, tương tự như loại tham số chúng ta truyền vào hàm $(). Nếu áp dụng biểu thức chọn lọc này, sẽ lọc phần tử thông qua việc kiểm tra phần tử có khớp với biểu thức chọn lọc hay không.
Hãy suy nghĩ về trang này có danh sách嵌套 cơ bản:
<ul> <li>đ項 mục danh sách 1</li> <li>đ項 mục danh sách 2</li> <li class="third-item">đ項 mục danh sách 3</li> <li>đ項 mục danh sách 4</li> <li>đ項 mục danh sách 5</li> </ul>
Nếu chúng ta bắt đầu từ dự án thứ ba, có thể tìm thấy phần tử giữa chúng:
$('li.third-item').prev().css('background-color', 'red');
Kết quả được gọi ở đây là thiết lập dự án 2 có nền màu đỏ. Do chúng ta chưa áp dụng biểu thức chọn lọc, phần tử trước đó tự nhiên trở thành một phần của đối tượng. Nếu đã áp dụng biểu thức chọn lọc, sẽ kiểm tra phần tử có khớp với biểu thức chọn lọc trước khi bao gồm phần tử.
