如何计算表格，以及我打印的数字？

Question

如何计算表格以及我打印的数字？ 我想要这样的东西

<table>
  <tr>
    <td class="count"></td>
    <td>question1</td>
  </tr>
  <tr>
    <td class="count"></td>
    <td>question2</td>
  </tr>
</table>

======＆GT;

<table>
  <tr>
    <td class="count">1</td>
    <td>question1</td>
  </tr>
  <tr>
    <td class="count">2</td>
    <td>question2</td>
  </tr>
</table>

Answer 1

有几种方法可以做到。

以下是一个例子：

$('.count').each(function(i) {
  debugger;
  $(this).html(i + 1);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td class="count"></td>
    <td>question1</td>
  </tr>
  <tr>
    <td class="count"></td>
    <td>question2</td>
  </tr>
</table>

Answer 2

您可以使用CSS计数器：

body {
  counter-reset: tdCounter;
}

.count::before {
  counter-increment: tdCounter;
  content: counter(tdCounter);
}

<table>
  <tr>
    <td class="count"></td>
    <td>question1</td>
  </tr>
  <tr>
    <td class="count"></td>
    <td>question2</td>
  </tr>
</table>