Динамически пронумеровать строки таблицы

[ArmagedDance]

$("#add_session").live("click", function(){
$("#new_profile_table").append('<tr>'+session_form+'</tr>');
$("#new_profile_table tr.sess").each(function(i){
  $(this).attr("id", "new_session_"+i+1);
  $(this).find("td.session_count").find("p").text(i+1);
  })
});

Не работает вот так. Может быть такое, что $(this) перехватывается и вместо прохождения цикла хранит в себе объект, на котором кликнули?

[ArmagedDance]

Alert(i) внутри each дает постоянно нули. цикл не идет, я был прав - this перехватывается функций live.

[baxa332]

<table>
<tr>
    <td></td>
    <td>Row</td>    
</tr>
<tr>
    <td></td>
    <td>Row</td>
</tr>
<tr>
    <td></td>
    <td>Row</td>    
</tr>
<tr>
    <td></td>
    <td>Row</td>
</tr>
</table>

<script>
$('table tr').each(function(i) {
    var number = i + 1;
    $(this).find('td:first').text(number);
});
</script>

Этот скрипт не работает это видно и при просмотре. На поставленный вопрос ответа нет
Зачем нужна ссылка на https://ajax.googleapis.com/ajax/lib.../jquery.min.js
что там есть ?

[BaBaKa]

Как можно динамически пронумеровать (внеся счет в отдельную ячейку) строки таблицы с использованием jquery?

var table = document.getElementById("table");
var tr = table.getElementsByTagName("tr");
for (var i=0; i < tr.length; i++) {
   tr[i].innerHTML = '<td>'+i+'.</td>'+tr[i].innerHTML;
}

[рони]

BaBaKa,
insertCell лучше

[mousesport]

<table>
<tr>
    <td></td>
    <td>Row</td>
</tr>
<tr>
    <td></td>
    <td>Row</td>
</tr>
<tr>
    <td></td>
    <td>Row</td>
</tr>
<tr>
    <td></td>
    <td>Row</td>
</tr>
</table>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$('table tr').each(function(i) {
    var number = i + 1;
    $(this).find('td:first').text(number);
});
</script>

а как изобразить подобное но со второй строки?

[рони]

а как изобразить подобное но со второй строки?

изучить селекторы

<table>
<tr>
    <td></td>
    <td>Row</td>
</tr>
<tr>
    <td></td>
    <td>Row</td>
</tr>
<tr>
    <td></td>
    <td>Row</td>
</tr>
<tr>
    <td></td>
    <td>Row</td>
</tr>
</table>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$('table tr:nth-child(n + 2)').each(function(i) {
    var number = i + 1;
    $(this).find('td:first').text(number);
});
</script>

или просто подумать

<table>
<tr>
    <td></td>
    <td>Row</td>
</tr>
<tr>
    <td></td>
    <td>Row</td>
</tr>
<tr>
    <td></td>
    <td>Row</td>
</tr>
<tr>
    <td></td>
    <td>Row</td>
</tr>
</table>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$('table tr').each(function(i) {
   i && $(this).find('td:first').text(i);
});
</script>