Доброго дня форумчани!
Ситуация:
Есть некий список
select он преобразуется через jQuery в выпадающее меню.
исходник jQuery автор Dimox
Все работает безупречно.. Параметры соблюдаются, подгрузка через JSON, Ajax так же не нарушает сцепки CSS и DOM элементов. Но проблема появилась там где не ждали..
Список:
<select name="category_name">
<option value="1">Категория 1</option>
<option value="2"> Категория 2</option>
<option value="3"> Категория 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 элементами..
