Как на js или jq кликнуть на первые 100 элементов HTML (начиная с верха страницы) id которых начинается на «oOR»?

Question

[denismix]

Сори, html код предоставить затруднительно, т.к. это запароленный личный кабинет, там куча коммерческой инфы и сам код страницы огромный.

Следующая конструкция кликает на ВСЕ подходящие элементы, но их там более 3500, и система виснет
$('[id^="oOR"]').click();

Для имитации клика использую расширение для Оперы "Scripter", он автоматом подключает jQuery и делает Глобальный скрипт.

Answer 1

[0xD34F]

Кого и сколько надо кликнуть:

const selector = '[id^="oOR"]';
const clickCount = 100;

Кликаем:

$(selector).slice(0, clickCount).click();

// или

[...document.querySelectorAll(selector)].slice(0, clickCount).forEach(n => n.click());

UPD. Вынесено из комментариев:

из-за "одновременного" клика все виснет

Может подскажете конструкцию с .delay() (или чем то аналогичным)

Функция, с помощью которой можно обрабатывать массивоподобные объекты по частям с задержкой:

function chunkedAndDelayed(data, delay, chunkSize, onChunk) {
  const getChunk = (data.slice || Array.prototype.slice).bind(data);

  (function nextChunk(i) {
    if (i < data.length) {
      onChunk(getChunk(i, i + chunkSize));
      setTimeout(nextChunk, delay, i + chunkSize);
    }
  })(0);
}

C каким интервалом и по сколько за раз надо кликать:

const delay = 500;
const clickChunkSize = 5;

Кликаем:

chunkedAndDelayed(
  $(`${selector}:lt(${clickCount})`),
  delay,
  clickChunkSize,
  $elems => $elems.click()
);

// или

chunkedAndDelayed(
  Array.prototype.slice.call(document.querySelectorAll(selector), 0, clickCount),
  delay,
  clickChunkSize,
  elems => elems.forEach(n => n.click())
);

Comments

[denismix]

Спасибо!

Уперся в то, что из-за "одновременного" клика все виснет, точнее как надо отрабатывает только клик на последний 100-й элемент.

Может подскажете конструкцию с .delay() (или чем то аналогичным) - я в java считай вообще не разбираюсь =)

[denismix]

если ставить паузу между кликами, то все работает, но я это для тестирования делал вручную, копированием строк =)))

$('[id^="oOR"]').slice(0, 1).click();

setTimeout(function() {
$('[id^="oOR"]').slice(1, 2).click();
}, 1000);

Answer 2

[denismix]

Всем ОГРОМНОЕ спасибо, разобрался =)

var elems = $('[id^="oOR"]').slice(0, 100);

elems.each(function(index) {
  setTimeout(() => $(this).click(), index * 500);
});

Answer 3

[profesor08]

Ну раз виснет, значит снизь нагрузку. Ты разом хочешь кликнуть, вот и виснет. А ты кликай их по очереди.

var elems = $('div');

elems.each(function(index) {
	setTimeout(() => $(this).click(), index * 5);
});

Comments

[denismix]

Да, как раз уперся в то, что из-за "одновременного" клика и в варианте
$('[id^="oOR"]').slice(0, 100).click();
тоже все виснет, точнее как надо отрабатывает только клик на последний 100-й элемент.

Может подскажете конструкцию с .delay() (или чем то аналогичным) или поможете адаптировать предложенное вами решение для 100 элементов - я в java считай вообще не разбираюсь =)