如何使用jQuery将tr编号分配并循环为id？-解网

问：

我想计算表格中的行，然后根据该行的编号为中的每一行分配一个 ID 号。<tr><table><table>

我是这样计算的：

var currentIndex = $('table tbody tr').length

我得到了行数;然后，当我尝试遍历这些行时，它将所有行中的 id 更改为相同的 id。

例如，我需要使第 1 行为 is，第 2 行为 is ，以此类推。id1id2

function generateId() {

    for (i = 0; i < $('table tbody tr').length; i++) {
        console.log('Hello World', + i -1);
        $('table  tbody tr td :input').attr('id', + i).attr('name', + i).prop('class', 'form-control form-control-sm form-control-solid formInput-' + i);
        //$('table tbody tr td :input').attr('name', + i);
        //$('#table tbody tr td :input').attr('class', 'form-control form-control-sm form-control-solid' + i);
    }

任何想法??!!

jQuery 循环

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tbody>
    <tr>
      <td>
        <input />
      </td>
    </tr>
    <tr>
      <td>
        <input />
      </td>
    </tr>
    <tr>
      <td>
        <input />
      </td>
    </tr>
    <tr>
      <td>
        <input />
      </td>
    </tr>
  </tbody>
</table>

0赞 Developer 5/14/2023 #2

根据行数为每一行提供 id。你可以这样做：-

const rows = $('table tbody tr');
for (i = 0; i < rows.length; i++) {
   let row = $(rows)[i];
   let input = $(row).children('td').children('input');
   $(row).attr('id', i+1);
   $(input).attr('id', i+1);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
    <thead>
      <th>#</th>
      <th>First Name</th>
    </thead>
    <tbody>
      <tr>
        <td>01</td>
        <td>John</td>
        <td><input type="text" /></td>
      </tr>
      <tr>
        <td>02</td>
        <td>John</td>
        <td><input type="text" /></td>
      </tr>
      <tr>
        <td>03</td>
        <td>John</td>
        <td><input type="text" /></td>
      </tr>
    </tbody>
  </table>

如何使用jQuery将tr编号分配并循环为id？

How do I assign, and loop, the tr number as id using jQuery?

评论

评论