Как очень быстро найти нужный элемент на сайте?

Question

[Doxi]

Суть в том что на сайте есть товары, и они обновляются в реальном времени(то есть добавляются новые товары) и мне нужно найти товар с определенной ценой(например ниже 20).
У меня на данный момент все это реализовано с помощью setInterval и $.each, то есть через определенный интервал времени у меня проверяются все товары и их цены а потом проверяется на то есть ли цена товара ниже 20. Можно ли как то упростить все это или как то по другому реализовать, что бы например находился только тот товар цена которого ниже 20 не проверяя все остальные

Comments

[Alexej Simakov]

Можно смотреть только цены и когда вы найдете что нужно добрать информацию по товару (соседнй или родительский элемент) не уверен будет ли это ощутимо быстрее. В вашем случае решает частота опроса. Обработка то в принципе мгновенная.

[Doxi]

MaxKorz:
setInterval(function(){
$('.цена').each(function(){
var $this = $(this)
if (+$this.text()<20){
тут тогда что то делаем
}
})
}, 100)

[Doxi]

MaxKorz: ну еще в середине each на писал
i++
if (i>15) {
return false;
}
это что бы смотрело только первые 15 товаров, ибо они добавляются на сайт постоянно, и так типо грузят цикл как я понимаю

[sudo rm -rf /]

Doxi: не пробовали ":nth-child(-n+15)"?

Answer 1

[profesor08]

Попробуйте использовать какой-то js фреймворк, например vue.js. Ваша проблема решится парой строк кода.

Comments

[Doxi]

его можно использовать в расширении хром? так как именно там у меня весь "скрипт"

[profesor08]

Doxi: в расширениях хрома можно использовать все