Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Генерация кода циклом (https://javascript.ru/forum/jquery/34437-generaciya-koda-ciklom.html)

spo 04.01.2013 21:59

Генерация кода циклом
 
Здравствуйте.
Помогите пожалуйста генерировать html-код циклом.
Нет достаточного опыта работы с javascript, хотя я могу вывести один цикл, но трудность начинается когда нужно выполнить цикл в цикле.

К примеру у меня есть:
var x = 8;
var y = 6;
var z = 2;


Сгенерировать нужно трехколоночную таблицу, в которой: 8 - это количество строк, 6 - это количество ссылок во втором столбце помещенных в контейнер div, 2 - это количество абзацев во втором столбце идущих после ссылок.

Пример кода который нужно получить:
<table>
	<tr>
		<td></td>
		<td>
			<div>
				<a href=""></a>
				<a href=""></a>
				<a href=""></a>
				<a href=""></a>
				<a href=""></a>
				<a href=""></a>
			</div>
			<p></p>
			<p></p>
		</td>
		<td></td>
	</tr>
	<!-- tr повторяется 7 раз -->
</table>


Прошу помочь.

рони 04.01.2013 23:14

spo,
:-/
var tab = document.createElement("table");
for (var i=0; i<7; i++)  {
var tr =  document.createElement("tr");
tab.appendChild(tr);
for (var k=0; k<3; k++)  {
var td =  document.createElement("td");
tr.appendChild(td);
if (k==1) {
var div =  document.createElement("div");
td.appendChild(div)
for (var j=0; j<6; j++){
var a =  document.createElement("a");
a.href="";
div.appendChild(a);
}
for (var j=0; j<2; j++){
var p =  document.createElement("p");
td.appendChild(p);
}
}
}
}
document.body.appendChild(tab)

spo 04.01.2013 23:24

Спасибо, уже справился самостоятельно )


Часовой пояс GMT +3, время: 14:25.