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

javascriptphầ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:

html<div class="www" id="parent2">
  <div class="ggg" id="parent1">
    <p class="zzz" id="child"></p>
  </div>
</div>

javascriptlet elem = document.querySelector('#child');
let parent = elem.closest('.www');

console.log(parent.id);

Kết quả thực thi mã:

javascript'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:

html<div class="www" id="parent2">
  <div class="www" id="parent1">
    <p class="www" id="child"></p>
  </div>
</div>

javascriptlet elem = document.querySelector('#child');
let parent = elem.closest('.www');
console.log(parent.id);

Kết quả thực thi mã:

javascript'child'

Xem thêm