Как я могу определить каждый элемент в DOM и порядок элементов?

Question

Как я могу определить каждый элемент в DOM и порядок элементов?

0

Я хочу, чтобы иметь возможность ссылаться на любой элемент в HTML DOM, а также знать, в каком порядке элементы появляются. Я надеюсь, что элементы в DOM будут индексироваться где-то от 0 до <number-of-elements-minus-1>, поэтому что я могу идентифицировать определенные элементы и, отдельно, перечислять эти элементы в том порядке, в котором они появляются в HTML.

Например, в этом HTML элементы будут пронумерованы от 0 для элемента html, до 9 для второго элемента p:

<html lang="en-US">
<head>
    <title>Element 2. Page title</title>
</head>
<body>
    <h1 id="mainHead">Element 4. How to uniquely identify/order DOM elements</h1>
    <div id="boxedContent">
        <p class="smallText">Element 6. I want to be able to <span class="stress">7. uniquely</span> identify each element and <i>8. also</i> determine the order in which elements appear, reading from top to bottom through the HTML.</p>
    </div>
    <p>Element 9</p>
</body>
</html>

Я хочу, чтобы JavaScript/jQuery указывал, например, элемент title, first p element и span. HTML-страницы, с которыми я буду работать, не мои, но если есть индекс элемента DOM, который я могу получить, я мог бы получить эти 3 элемента, используя эти индексы ref, т.е.

название: 2
первый p: 6
span: 7

Номера индексов позволят мне привести список в порядок.

Это возможно? Как мне это сделать?

Josh Beam 29 март 2014, в 16:49

Источник

0

$('selector').index('*') ??? api.jquery.com/index
A. Wolff 29 март 2014, в 15:24
0

Это дает индекс относительно родственных элементов $ ('selector'). Я ищу индекс всех элементов, прямо через DOM сверху вниз.
user71463 29 март 2014, в 15:43
0

Нет, он возвращает индекс относительно селектора, переданного методу index() : If a selector string is passed as an argument, .index() returns an integer indicating the position of the first element within the jQuery object relative to the elements matched by the selector. If the element is not found, .index() will return -1.
A. Wolff 29 март 2014, в 15:51

Показать ещё 1 комментарий

Теги:

javascript

jquery

dom

1 ответ

Ещё вопросы

Это дает индекс относительно родственных элементов $ ('selector'). Я ищу индекс всех элементов, прямо через DOM сверху вниз.
Нет, он возвращает индекс относительно селектора, переданного методу index() : If a selector string is passed as an argument, .index() returns an integer indicating the position of the first element within the jQuery object relative to the elements matched by the selector. If the element is not found, .index() will return -1.

Josh Beam · Accepted Answer · 2014-03-29T12-27-00.000Z

Вы могли бы сделать что-то вроде этого:

var elems = document.getElementsByTagName('*');

Это создаст массивный объект всего элемента DOM.

Затем есть много способов получить индекс определенного элемента в этом объекте, подобном массиву.

Вы можете сделать это:

var indexOfTitle = elems.indexOf(document.getElementsByTagName('TITLE'));

Или вы можете создать цикл for который циклически elems по всем элементам в elems переменной elems и использует свойство like tagName для его поиска и т.д.

Спасибо Джош, это именно то, что я искал. Как в: var elems = document.getElementsByTagName ('*'); оповещение (elems [9] .outerHTML);
@AlistairChristie Я до сих пор не понимаю, почему вы не хотите использовать метод jQuery index() . Проверьте здесь: jsfiddle.net/Zw5ga РЕДАКТИРОВАТЬ: упс, похоже, что вы хотите нацелить элемент, используя его индекс, мой плохой, не по теме jsfiddle. См. Соответствующий jsFiddle: jsfiddle.net/Zw5ga/1 Использование в качестве селектора: $('*:eq(9)')
Замечательно. С jQuery $ ('*: eq (9)') это очень лаконичный способ получить то, что мне нужно. Спасибо