Как узнать индекс элемента зная значение?

Question

[Banny_Boom]

Получил список элементов(querySelectorAll):

<li>one</li>
<li class>two</li> <!-- class пустой, потому что все классы этому элементу были удалены !-->
<li>three</li>

и есть 'two

Как узнать индекс элемента содержит это - 'two?

как-то так пробовал:

var but = document.querySelectorAll('ul li'),
    activity = '<li class>two</li>';
console.log(but.indexOf(activity);

jsfiddle.net/cxdva9w4

Answer 1

[Сергей Сергей]

return Array.prototype.map.call(
  document.querySelectorAll('ul li'),
  function(a) { return a.innerHTML; }
).indexOf('two');

Comments

[Banny_Boom]

Виталий Инчин: Отметил, просто запутался слегка, запарился, извиняюсь...

[Виталий Инчин ☢]

Banny_Boom: да я заметил, удалил коммент уже.
Этот вариант самый оригинальный из предложенных, советую использовать его.

Answer 2

[Алексей Зуев]

var ul = document.querySelector('ul'),
    elem = ul.querySelector('[class]');
console.log([].indexOf.call(ul.children, elem));

jsfiddle.net/yurzui/cxdva9w4/1

Comments

[Алексей Зуев]

Ваш вариант поиска индекса по полученному элементу

[Banny_Boom]

Алексей Зуев: Спасибо большое, я уже сделал, так же)

Answer 3

[Константин Китманов]

Результат выполнения querySelectorAll — не массив, у него нет метода indexOf. И уж тем более он не содержит строк.
Надо перебирать все элементы, смотреть их textContent и сравнивать с искомым. Как-нибудь, например, так: jsfiddle.net/xf502cwo (не оптимальный вариант).

Comments

[Banny_Boom]

Константин Китманов , Извиняюсь, пытался объяснить как мог, но я получаю html element, и мне по нему нужно найти..
jsfiddle.net/cxdva9w4/3
мб искать по outerHTML ?
jsfiddle.net/cxdva9w4/3

[Константин Китманов]

Banny_Boom: вы пытаетесь показать минимально рабочий код — это хорошо. Но в процессе вы выплеснули с водой и ребеночка, и ЯННП.