动态创建tr并添加行号计数

时间:2017-02-24 05:16:44

标签: jquery html

html功能

<tbody class="list">
       <tr>
          <td class="id">1</td>
          <td class="name">jason</td>
          <td class="number">2</td>
          <td class="edit"><button class="edit__item">Edit</button></td>
          <td class="remove"><button class="remove__item">Remove</button></td>
        </tr>
</tbody>

功能

function catchList() {
    var tr;
    $('#list tr').each(function(index, tr) {
        $('td:not(.id,.edit,.remove)', tr).each(function() {
            var textvalue = $(this).text();
            tr = $('<tr/>');
            tr.append("<td>" + textvalue + "</td>");
            $('.displayTable__list').append(tr);
        });
    });
}

显示html

<div class="dataDisplay__list">
  <table class="teamList__displayTable">
    <thead>
     <tr class="displayTable__header">
      <th>Name</th>
      <th>Number</th>
      </tr>
    </thead>
    <tbody class="displayTable__list">

      //create those list at here 

    </tbody>
  </table>
</div><!-- end of dataDisplay__list -->

第一是在第1行创建数字计数.2。3.

2如何使用表格排列它?

ia表我必须将所有内部tr值都放到另一个表(显示),所以我使用该函数获取所有值并将它们附加到显示表中,但我有问题排列它们我怎么样我在行上创建数字?我的意图是这样的。

名称编号

1.jason 2

0 个答案:

没有答案