Прикрепить нумерацию к добавляемым строчкам в таблице javscript jQuery

Question

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

То, что я написал:

 table.html("<td><span class = 'index'></td>");

 table.each(function (i) {
            $(this).find(".index").text(i + 1);
        });

Answer 1

var table = $('table');
table.append("<tr><td><span class='index'></td></tr>");
table.append("<tr><td><span class='index'></td></tr>");
table.append("<tr><td><span class='index'></td></tr>");

table.find("tr").each(function(i) {
  $(this).find(".index").text(i + 1);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table border=1></table>

БЛОГ НА HUSL

Прикрепить нумерацию к добавляемым строчкам в таблице javscript jQuery

Ответы (1 шт):