当前位置： 移动技术网 > IT编程>网页制作>Html5 > django js 实现表格动态标序号

django js 实现表格动态标序号

2019年07月12日  | 移动技术网IT编程  | 我要评论

收腹瑜伽视频,蓝衫传说,七个小矮人猎艳记

<table class="table table-striped">
                <thead>
                <tr class="key_words_head">
                    <th>序号</th>
                    <th>类目</th>
                    <th>关键词</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);" onclick="show_change_model('{{ keywords.id }}')">编辑</a>
                            <a href="javascript:void(0);" style="color: red" 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>

 

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网