Форум Сайтостроение Веб-строительство

создать ссылку в последнем <td> ипользуя первое значение <td>

U
На сайте с 24.02.2009
Offline
116
ufaclub
511

Есть таблица:



<table>

<tr>
<td>Квартира</td>
<td>Этаж</td>
<td>Комнат</td>
<td>Площадь</td>
<td>Смотреть</td>
<tr>


<tr>
<td>1</td>
<td>3</td>
<td>7</td> 
<td>200 м.</td>
<td></td>
<tr>


<tr>
<td>2</td>
<td>3</td>
<td>7</td> 
<td>200 м.</td>
<td></td>
<tr>

.................


<tr>
<td>3</td>
<td>3</td>
<td>7</td> 
<td>200 м.</td>
<td></td>
<tr>

</table>

Так вот хочу чтобы в последней 5 ячейке формировалась ссылка вида

<a class="iframe" href="/plan/index.php?number=X">Смотреть планировку</a>

где X = значению первой ячейки <td> (т.е номеру квартиры)

Решение нужно исключительно на Jquery.

---------- Добавлено 22.07.2014 в 00:47 ----------

сделал вот так

jQuery("td:eq(8)").html('<a class="iframe" href="/plan/index.php?number='+jQuery("td:eq(1)").text()+'">Смотреть</a>');

но как это сделать в цикле each

siv1987
На сайте с 02.04.2009
Offline
427
siv1987
#1 


$('table tr').each(function(){

	var firstTD = $(this).children('td:first');

	var lastTD  = $(this).children('td:last');

	lastTD.html('<a class="iframe" href="/plan/index.php?number='+firstTD.text()+'">Смотреть</a>');

});



jQuery("td:nth-child(5)").each(function(){

	$(this).html('<a class="iframe" href="/plan/index.php?number='+$(this).parent().children('td:first-child').text()+'">Смотреть</a>')

});

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий