Как получить элемент-родитель?

Question

[historydev]

Доброе утро. Скажите пожалуйста как получить элемент-родитель самый первый, не родитель e.target.parentNode, т.к. уровней очень много, придётся писать parentNode.parentNode и т.д., а самый первый блок в котором все наследования, если грубо-говоря чтобы я получил: document => selector
то есть в данном случае .select в котором все остальные.

const UseMenu = ({element}) => element.map(el => (
        <ul className='select'>
            <li> {el.title} </li> <i className='fas fa-chevron-down' />
            <div className="selectContent">
                <li>
                    {el.children ? el.children.map(ch => (
                        <ul className='select'>
                            <li> {ch.title} </li> <i className='fas fa-chevron-down' />
                            <div className="selectContent">
                                <li>
                                    {ch.children ? ch.children.map(ch2 => (<li>{ch2.title}</li>)):''}
                                </li>
                            </div>
                        </ul>
                    )):''}
                </li>
            </div>
        </ul>
    ));

Спасибо.

Answer 1

[Дмитрий]

Метод Element.closest() возвращает ближайший родительский элемент (или сам элемент), который соответствует заданному CSS-селектору или null, если таковых элементов вообще нет.

https://developer.mozilla.org/ru/docs/Web/API/Elem...

В вашем варианте можно использовать

const farest (element, selector, secondCall) {
  const parent = element.closest(selector)
  return parent ? farest(parent, selector, true) : secondCall && element
}

Comments

[Павел]

Так у него классы одинаковые, closest() вернет первый найденный элемент...
Повесить другой класс на нужного родителя, и затем можно использовать closest()

[hzzzzl]

ак у него классы одинаковые, closest() вернет первый найденный элемент

можно поискать типа .closest('#wrapper > ul.select'), тогда будет первый ul.select в каком-нибудь общем враппере

[Дмитрий]

Павел, Верно, дописал ответ.

[historydev]

Извините что так поздно, закинул вопрос и отключился, спасибо большое