Как управлять динамическими объектами jquery?

Question

[paaaffka]

Добрый день, начал немного изучать jquery, паралельно пришла идея написать расширения для браузера хром
Суть вопроса, на 1 странице все данные грузит из js (если посмотреть исходный код то там только js), но если смотреть через firebux то отчетливо видно струкрутуру html
так вот как можно добраться до этого самого html

сам код, динамическая только 1 страница сайта, на остальных все прекрасно работает и блоку добавляет рамку

$('.scanned').each(function(i,elem) {
	$(this).css('border', '3px solid #fff');
});

Answer 1

[Евгений Калибров]

Скорее всего ваш сайт строится на каком-то фреймворке и DOM строится не сразу, а по прошествии какой-то временной задержки, а ваш код отрабатывает раньше, пока DOM ещё не отрендерен. Вам нужно либо отловить событие из фреймворка, которое он кидает после рендеринга, либо просто задать setTimeout(startYourFunction, 500), количество миллисекунд для задержки можно определить экспериментальным путём.

Comments

[paaaffka]

спасибо, задержка в 1 секунду помогла

[Евгений Калибров]

paaaffka, супер, можно тогда отметить ответ решением

Answer 2

[Stalker_RED]

И в чем проблема? https://jsfiddle.net/afjcLx23/

Comments

[Алексей Уколов]

Скорее всего, в том, что код не слушает DOMContentLoaded.

[Stalker_RED]

Алексей Уколов, за словом "динамический" что угодно может скрываться, вплоть до ajax подгрузки. Без подробностей гадать можно бесконечно.

Answer 3

[garmon85]

Вот так должно заработать

$(document).ready(function(){
$('.scanned').each(function(i,elem) {
  $(this).css('border', '3px solid #fff');
});
  });