Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   создать ссылку ипользуя первое значение td (https://javascript.ru/forum/jquery/48917-sozdat-ssylku-ipolzuya-pervoe-znachenie-td.html)

ufaclub 22.07.2014 01:14
создать ссылку ипользуя первое значение td
 
Есть таблица:

<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> (т.е номеру квартиры)

рони 22.07.2014 01:24
ufaclub,
и где ваши попытки сделать?

ufaclub 22.07.2014 01:31
Цитата:
Сообщение от рони (Сообщение 322122)
ufaclub,
и где ваши попытки сделать?

да я пытаюсь...время просто мало... вот уже в последний пустой <td> смог вставить 

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



А как вот вставить X после number= из первого <td> не додумался..

Хотя он только с первой строкой работает... как сделать чтобы со всеми строками такая операция выполнялась....

рони 22.07.2014 01:35
ufaclub,
используйте цикл одной строкой неполучится each

рони 22.07.2014 01:38
ufaclub,
jQuery("td:eq(4)"..........).html('<a class="iframe" href="/plan/index.php?number='+jQuery("td:eq(0)"..........).te xt()+'">Смотреть</a>');

ufaclub 22.07.2014 01:47
:thanks: работает... только как все это дело в each обернуть?

ufaclub 22.07.2014 01:48 
jQuery('tr').each(function() {jQuery("td:eq(8)").html('<a class="iframe" href="/plan/index.php?number='+jQuery("td:eq(1)").text()+'">Смотреть</a>');});



вот так не работает...

рони 22.07.2014 01:53
ufaclub,
:cray: сервер это должен делать 
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
     $(function(){
      $("tr:not(:first)").each(function(){
            jQuery("td:eq(4)", this).html('<a class="iframe" href="/plan/index.php?number='+jQuery("td:eq(0)", this).text()+'">Смотреть</a>');

            });
});
  </script>
</head>

<body>
<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>10000000</td>
<td>3</td>
<td>7</td>
<td>200 м.</td>
<td></td>
</tr>

</table>

</body>

</html>

ufaclub 22.07.2014 01:57
:victory: вот спасибо вам. Столько раз меня уже выручали.

ufaclub 22.07.2014 02:16
А можно в сделать исключение для последнего tr как для первого

$("tr:not(:first)").each(function(){......

рони 22.07.2014 02:42
ufaclub,
:cray: :cray: :cray: 
$("tr:not(':first,:last')")


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