[Infinity178]

Доброго дня форумчани!

Ситуация:
Есть некий список select он преобразуется через jQuery в выпадающее меню.

исходник jQuery автор Dimox

Все работает безупречно.. Параметры соблюдаются, подгрузка через JSON, Ajax так же не нарушает сцепки CSS и DOM элементов. Но проблема появилась там где не ждали..

Список:

<select name="category_name">
  <option value="1">Категория 1</option>
  <option value="2">&nbsp;&nbsp;Категория 2</option>
  <option value="3">&nbsp;&nbsp;&nbsp;&nbsp;Категория 3</option>
  <option value="4">Категория 4</option>
</select>

Символ   устанавливается для визуального восприятия Родительная->Дочерняя категория. Т.е. чем выше уровень последней категории тем больше пробелов от края.

Т.к. вложенность не особо большая но данный формат оказался удобным, пришлось остановиться на нем.

И так суть проблемы:

Нашел у jQuery .replace() вот такую замечательную штуку..

и не могу понять если делать через

.each(function() {...

то результат проходит на GET элементы, новые которые только созданы DOM списки не воспринимают функцию.. + работает как положено только на 1-м элементе

$('.jq-selectbox').each(function(){ // оболочка списка DIV
	$('.jq-selectbox__select-text').each(function(){ // DIV где нужный текст
		var str = $(this).text();
		str = str.replace(/\s+/g," "); 
		$(this).text(str);
	});
});

если делать через

.change(function(){...

то не особо выходит с новыми DOM элементами..