Определение номера элемента из нескольких одинаковых с нужным текстом
 

Здравствуйте, я новичок в программировании, да и в 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:

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>

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