κΈ°μ€ Elementμμ closest()
λ©μλλ₯Ό ν΅ν΄ μμ λΆν° λΆλͺ¨μμ λ¨μλ‘ μΆλ°νμ¬ κ° μμκ° μ§μ ν μ νμμ λ§μ‘±ν λκΉμ§ λ¬Έμ 루νΈλ₯Ό νμνλ€. μ΄ μ€ κ°μ₯ κ°κΉκ² 쑰건μ λ§μ‘±ν λΆλͺ¨ μμκ° λ°νλλ©°, 쑰건μ λ§μ‘±ν μμκ° μμΌλ©΄ nullμ λ°ννλ€.
var closestElement = targetElement.closest(selector);
<article>
<div id="div-01">Here is div-01
<div id="div-02">Here is div-02
<div id="div-03">Here is div-03</div>
</div>
</div>
</article>
var el = document.getElementById('div-03');
var r1 = el.closest("#div-02");
// id=div-02 μ‘°κ±΄μ΄ λ§μ‘±νλ―λ‘ μμ±μ κ°μ§ λΆλͺ¨ μμκ° λ°νλλ€.
var r2 = el.closest("div div");
// div μμμ λ§μ‘±ν μμ μ€ div μμμ κ°λ¦¬ν€λ―λ‘, id=div-03 μμ μ΄ λ§μ‘±λλ€.
var r3 = el.closest("article > div");
// κ°μ₯ κ°κΉμ΄ article μμ λ°λ‘ νμμ div μμ id=div-01 μμ±μ κ°μ§ μμκ° λ°νλλ€.
var r4 = el.closest(":not(div)");
// div μμκ° μλ κ°μ₯ κ°κΉμ΄ λΆλͺ¨ article μμκ° λ°νλλ€.