django js 實(shí)現(xiàn)表格動(dòng)態(tài)標(biāo)序號(hào)的實(shí)例代碼

<table class="table table-striped">
        <thead>
        <tr class="key_words_head">
          <th>序號(hào)</th>
          <th>類目</th>
          <th>關(guān)鍵詞</th>
          <th>操作</th>
        </tr>
        </thead>
        <tbody id="key_words_body">
        {% for keywords in classify_keywords_obj %}
          <tr class="key_words_tbody">
            <td id="td_num"></td>
            <td id="hide_id">{{ keywords.id }}</td>
            <td id="td_classify">{{ keywords.classify.classify_name }}</td>
            <td id="td_keywords">{{ keywords.keywords }}</td>
            <td><a href="javascript:void(0);" rel="external nofollow" rel="external nofollow" onclick="show_change_model('{{ keywords.id }}')">編輯</a>
              <a href="javascript:void(0);" rel="external nofollow" rel="external nofollow"  onclick="del_settings('{{ keywords.id }}',this)">刪除</a></td>
          </tr>
        {% endfor %}
        </tbody>
      </table>

<script>
    function xu_hao() {
      var oTable = $('tr.key_words_tbody').length;
      for (var i = 0; i < oTable + 1; i++) {
        $('tr.key_words_tbody').eq(i).children("td#td_num").empty();
        $('tr.key_words_tbody').eq(i).children("td#td_num").append(i + 1);
      }
    }
  </script>