Есть ли какой-либо плагин в firefox или функция в firebug или что-то еще, что позволяет мне указать номер позиции определенного элемента?Как я могу получить номер позиции элемента?
Если я, например, хочу знать, в какой позиции находится определенный элемент TD по сравнению со всеми TD в документе.
Пример:
<html>
<head>
<body>
<table>
<tr>
<td></td> (0)
<td></td> (1)
<td></td> (2)
<td></td> (3)
<td></td> (And so on...)
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td> <------ WHAT IS THE POSITION NUMBER OF THIS TD?
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
Панель WebDeveloper в Firefox есть инструмент, который позволяет увидеть порядковый номер всех DIV-х годов. Это то, что мне нужно, но для других элементов, а не только для DIV.
PS. Я был вдохновлен правильный ответ и я сделал свое собственное решение:
var dom = document.getElementsByTagName('td');
var x;
for(x = 0; x < dom.length; x++)
{
dom[x].innerHTML = dom[x].nodeName + '[' + x + '] ' + '(' + dom[x].innerHTML + ')';
dom[x].style.color = 'blue';
}
с JQuery: '$ ('тд') .index (yourTD)' или '$ (yourTD) .index ('тд')' –