Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Определение номера элемента из нескольких одинаковых с нужным текстом (https://javascript.ru/forum/events/80768-opredelenie-nomera-ehlementa-iz-neskolkikh-odinakovykh-s-nuzhnym-tekstom.html)

vladik3333 30.07.2020 01:57

Определение номера элемента из нескольких одинаковых с нужным текстом
 
Здравствуйте, я новичок в программировании, да и в js собственно, не судите строго. Пытаюсь сделать бота с помощью js+imacros. Возникла необходимость с помощью js определить номер/позицию элемента с нужным текстом. На странице сайта имеются несколько одинаковых элементов, в данном случае span.

<span>текст1</span>
<span>текст1</span>
<span>текст2</span>
<span>текст1</span>
<span>текст2</span>
<span>текст1</span>

Нужно определить номер элемента span с "текст2" и вывести alert'ом к примеру только номер/позицию span'a с совпавшим текстом и только первую попавшеюся, всмысле должна выводится не 1, должно выводится значение 3(ну или если с 0 начинается, то 2).

Пытался искать в интернете, что-то нашел и игрался в консоли сайта, все что смог намудрить:
var kk = $('span:contains("текст2")').index();
alert(kk);

Но так выводится общее число найденных совпадений. Прошу помочь, заранее благодарен:thanks:

рони 30.07.2020 07:15

vladik3333,
<span>текст1</span>
<span>текст1</span>
<span>текст2</span>
<span>текст1</span>
<span>текст2</span>
<span>текст1</span>
<script>
let str = 'текст2';
let index = [...document.querySelectorAll('span')].findIndex(({textContent}) => textContent.includes(str));
alert(index);
</script>

vladik3333 30.07.2020 13:35

рони,
Спасибо за помощь, работает:)


Часовой пояс GMT +3, время: 00:05.