JQuery знайде перший батьківський елемент із конкретним префіксом класу

Я хочу отримати першого з батьків, який має специфічний префікс класу, припустимо:

<div class="div-a3332"> 
  <div class="div-a89892">
    <p>
      <div class="div-b2">
        <div id="divid">hi</div>
      </div>
    </p>
  </div>
</div>

Наприклад, мій поточний елемент є, #dividі я хочу знайти перший елемент, який має префікс класу div-a. Тому в основному він вибере:

<div class="div-a89892">

Використовувати .closest()з селектором:

var $div = $('#divid').closest('div[class^="div-a"]');

Пізніше Jquery дозволив вам знайти батьків .parents()методом.

Тому рекомендую використовувати:

var $div = $('#divid').parents('div[class^="div-a"]');

Це дає всі батьківські вузли, що відповідають селектору. Для отримання першого з батьків, що відповідає селектору, використовуйте:

var $div = $('#divid').parents('div[class^="div-a"]').eq(0);

Для інших таких запитів обходу DOM ознайомтеся з документацією про обхід DOM .