Как получить позицию элемента относительно родителя?

Question

[LoveCodeandCoffe]

<tr >
			<td>	
                          opel
			</td>
			<td>mazda</td>
			<td>audi</td>
		</tr>

например как мне получить позицию строки таблиц при нажатии на определенный тег td?
т.e opel // 1
mazda//2
audi //3

Answer 1

[0xD34F]

document.querySelector('table').addEventListener('click', e => {
  const td = e.target.closest('td');
  if (td) {
    // поскольку речь идёт о ячейках таблицы, то нет причин использовать что-то иное
    const index = td.cellIndex;

    // но вообще, можно и метод массива припахать
    const index = Array.prototype.indexOf.call(td.parentNode.children, td);

    // или вручную посчитать, как далеко удастся уйти по ссылкам на предыдущие элементы
    let index = 0;
    for (let el = td; el = el.previousElementSibling; index++) ;
  }
});

Answer 2

[kunjut19]

так