Автовставка переменных в html шаблон

[dandandan]

Есть html шаблон, например:

<div>data</div>

var data - переменная java script.

Можно ли сделать так, чтобы при изменении параметра data в html шаблоне данные обновлялись автоматически ?

p.s. В шаблоне более 1000 таких изменющихся параметров data. Не хотелось бы обращаться к ним через getElementByID.

 

[mdss]

на jquery

<div class="test"></div>
<script>
var data = 'your data'
$('.test').text(data);
</script>

 

[dandandan]

К сожалению, на автомате заменить таким образом 1000 переменных не получится. Нужно будет создавать функцию и ее вызывать.

 

[mdss]

покажи в каком виде сейчас. Не зная этого сложно что-то придумать

 

[d3mon4eg]

Используй регулярные выражения. Это микроязык для поиска и замены в тексте

 

[Ramazan]

Вам нужно, чтобы автоматом обновлялся контент, если изменена переменная data? Если да, то в функции где меняется эта переменная пропишите пример, который указал Для просмотра ссылки Войди или Зарегистрируйся

 

[dandandan]

покажи в каком виде сейчас. Не зная этого сложно что-то придумать

var template=
'<div class="test">'+data5+'</div>'+
'<div class="test">'+data4+'</div>'+
'<div class="test">'+data3+'</div>'+
'<div class="test">'+data2+'</div>'+
'<div class="test">'+data1+'</div>';

Сейчас 1000 вот таких элементов div и 1000 элементов data. Весь этот шаблон хранится в переменной template.
Нужно при изменении любого из параметров data обновить шаблон. Параметры data изменяются при вводе данных в input, textarea, при клике на кнопку, при установке чекбокса. Все параметры data - глобальные.
Есть идея копать в сторону eval() ; Но почему-то кажется, что слишком напряжно будет для браузера.

 

[Ramazan]

var template = '',
    i        = 0;
 
for(; i <= 1000; i ++) {
    template += '<div class="test">' + eval('data' + i) + '</div>';
}

конечно лучше, если бы переменная data была массивом, тогда соответственно вместо eval('data' + i) подставляете data[ i ]