Почему скрипт срабатывает через раз?

Question

[sidorikv]

Всех приветствую!
Я очень зеленый в js, так что сразу прошу прощения.
Я сделал скрипт в одну строчку, который по сути кликает по элементу li списка ul на странице.
Вот он

$("li:contains('35.5 RU / 3.5 UK')").trigger( "click" );

Скрипт ищет по тексту который находится в куче li нужный и кликает на него. Я загнал его в расширение. Но из 10 раз когда я перешел на нужный сайт он кликнул всего 5 раз.
Почему остальные разы он ничего не делает?

Comments

[Алексей Горбунов]

Страница не всегда успевает прогрузиться. Когда срабатывает ваш триггер, то нужного элемента еще нет на странице, отсюда такое выборочное срабатывание.
Поставьте таймаут на выполнение вашего кода.
Функция setTimeout . 200 миллисекунд будет достаточно.

[Алексей Горбунов]

Uneasy Hearts Weigh the Most, Затем же, зачем и надо вызывать нажатие на элемент на странице. Почему бы автору вопроса не выполнить просто код из триггера при загрузке страницы без всяких вызовов клика на элементе?
Мне очень показалось, что автор выполняет свой код на странице стороннего сайта.

[sidorikv]

Алексей Горбунов, совершенно верно! Но не один из вышеперечисленных вариантов мне не помог. Я вызываю код на этой странице, может быть у вас получится?
https://www.adidas.ru/yeezy/product/GW2874
Грубо говоря, я вшил код в расширение

[Алексей Горбунов]

sidorikv, увеличивайте таймаут.

[sidorikv]

Алексей Горбунов, даже секунду ставил - не помогает. Даже вообще перестал срабатывать. Может быть я просто выбираю не тот элемент? И еще меня смущает, что там есть #shadow-root (user-agent)
Мб это как-то все портит?
Для меня просто это очень темный лес, по этому я вас прошу, пожалуйста, зайдите по ссылке и гляньте код, мб вы увидите как это можно сделать?

[sidorikv]

Алексей Горбунов, Если вы перейдете, то увидите, что там есть плашка "Выберите размер" если нажать, то откроются размеры и нужно просто пикать например 36 RU / 4 UK
То есть, поиск по тексту, тк там везде одинаковый класс li

[Алексей Горбунов]

sidorikv, Так Вы же ошибки читайте.

Uncaught DOMException: Document.querySelector: 'li:contains('35.5 RU / 3.5 UK')' is not a valid selector

[sidorikv]

Алексей Горбунов, а как мне найти правильный? Извините за такие глупые вопросы, я и вправду понимаю мало в js и jqery

[sidorikv]

Алексей Горбунов, просто это странно, тк утром работало, сейчас нет
Мб я выбираю что-то не то

[Алексей Горбунов]

sidorikv, попробуй без jQuery . Оно тебе и не надо.

for (let elem of document.querySelectorAll('ul > li')) {
    if (elem.innerText=='35.5 RU / 3.5 UK') {
      elem.click();
    }
  }

[sidorikv]

Алексей Горбунов, тоже не работает. Обновил код и расширение, перехожу на страницу - не выбирает размер

[Алексей Горбунов]

sidorikv, Потому что твоего размера "35.5 RU / 3.5 UK" нет в списке

[sidorikv]

Алексей Горбунов, я вписал в content.js ( вернее в сам код ) размер, который есть

[sidorikv]

Алексей Горбунов, уж не настолько глупый :D

[sidorikv]

Алексей Горбунов, я понял. Скорее всего мне нужно дать какие-то разрешения для расширения которое я пишу и которое исполняет код!
Какие именно дать, не подскажете? Тк просто в консольке все работает

[Алексей Горбунов]

sidorikv, когда я открываю эту страницу, то там этого размера нет.

[sidorikv]

Алексей Горбунов, хорошо, давайте даже возьмем такой текст: "40.5 RU / 8 UK"
В любом случае, тут уже другой вопрос!
Код сам по себе рабочий, и за это огромное вам спасибо! Но именно в script.js вписанный код не работает. Ссылки на срабатывание расширения верны, я вас и спрашиваю по этому, может быть права нужно дать какие-то расширению, чтобы сработал код? Тк просто в консоле на сайте все работает

[sidorikv]

Решено:
Сделал вот так:

for (let elem of document.querySelectorAll('ul > li')) {
    if (elem.innerText=='36 RU / 4 UK') {
      elem.click();
    }
  }

$(document).ready(function(){
  setInterval(picker, 250);
});

function picker (){
  for (let elem of document.querySelectorAll('ul > li')) {
    if (elem.innerText=='36 RU / 4 UK') {
      elem.click();
    }
  }
}