Phương thức closest
Phương thức closest tìm phần tử cha
gần nhất, phù hợp với bộ chọn CSS được chỉ định,
đồng thời chính phần tử đó cũng được bao gồm trong tìm kiếm.
Cú pháp
phần tử.closest('bộ chọn');
Ví dụ
Hãy tìm trong số các phần tử cha của phần tử, phần tử
có lớp www:
<div class="www" id="parent2">
<div class="ggg" id="parent1">
<p class="zzz" id="child"></p>
</div>
</div>
let elem = document.querySelector('#child');
let parent = elem.closest('.www');
console.log(parent.id);
Kết quả thực thi mã:
'parent2'
Ví dụ
Hãy tìm trong số các phần tử cha của phần tử, phần tử
có lớp www. Kết quả chúng ta sẽ nhận được
liên kết tới chính phần tử đó, vì nó tự có
lớp này:
<div class="www" id="parent2">
<div class="www" id="parent1">
<p class="www" id="child"></p>
</div>
</div>
let elem = document.querySelector('#child');
let parent = elem.closest('.www');
console.log(parent.id);
Kết quả thực thi mã:
'child'
