Как правильно выбрать далекого предка текущего элемента?

Question

[Александр Князев]

Структура кода HTML такая:

<li id = "position0"> 
    Word
     <div>
             <ul>
                    <li>
                           word
                           <span class = "change_word_button">change</span>
                    </li>
             <ul>
    </div>
</li>

Использую такой код чтобы после клика на кнопке "change" добраться до id верхнего li

$('#words_block').on('click', '.change_word_button', function(event) {
	//position in text of word (saved in id of element)
	var position = +$(this).parent().parent().parent().parent().attr('id').substr(8)
	
});

Я понимаю, это нехорошо. А как правильно выполнить задачу?

Answer 1

[Давид]

$(this).parents('.selector')

Answer 2

[name surname]

.closest()

Comments

[Давид]

.closet() ищет в обе стороны по иерархии, а .parents() только родителей