jQuery duyệt - phương pháp parent()
Mô hình
Tìm kiếm phần tử cha của mỗi đoạn văn có lớp "selected":
$("p").parent(".selected")
Định nghĩa và cách sử dụng
parent() nhận được phần tử cha của mỗi phần tử trong bộ sưu tập phần tử khớp hiện tại, việc lọc bằng biểu thức chọn là tùy chọn.
.parent(selector)
| Tham số | Mô tả |
|---|---|
| selector | Giá trị chuỗi, chứa biểu thức chọn để khớp phần tử. |
Giải thích chi tiết
Nếu 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 .parent() cho phép chúng ta tìm kiếm phần tử cha của các phần tử này trong cây DOM và tạo một đối tượng jQuery mới từ các phần tử khớp..parents() Giống như phương pháp .parent(), khác biệt là后者 theo cây DOM lên một cấp.
Phương pháp này chấp nhận biểu thức chọn tùy chọn, giống 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 này, sẽ lọc phần tử bằng cách kiểm tra phần tử có khớp với biểu thức chọn.
Hãy suy nghĩ về trang này với danh sách嵌套 cơ bản:
<ul class="level-1">
<li class="item-i">I</li>
<li class="item-ii">II
<ul class="level-2">
<li class="item-a">A</li>
<li class="item-b">B
<ul class="level-3">
<li class="item-1">1</li>
<li class="item-2">2</li>
<li class="item-3">3</li>
</ul>
</li>
<li class="item-c">C</li>
</ul>
</li>
<li class="item-iii">III</li>
</ul>
Nếu chúng ta bắt đầu từ dự án A, chúng ta có thể tìm thấy phần tử cha của nó:
$('li.item-a').parent().css('background-color', 'red');
Kết quả của cuộc gọi này là, thiết lập nền màu đỏ cho danh sách cấp-2. Do chúng ta chưa áp dụng biểu thức chọn, phần tử cha trở thành một phần tự nhiên của đối tượng. Nếu đã áp dụng biểu thức chọn, sẽ kiểm tra phần tử có khớp với biểu thức chọn trước khi bao gồm phần tử.
