django js 实现表格动态标序号的实例代码


Posted in Javascript onJuly 12, 2019

django js 实现表格动态标序号

<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);" rel="external nofollow" rel="external nofollow" onclick="show_change_model('{{ keywords.id }}')">编辑</a>
              <a href="javascript:void(0);" rel="external nofollow" rel="external nofollow" 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>

总结

以上所述是小编给大家介绍的django js 实现表格动态标序号的实例代码 ,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
求得div 下 img的src地址的js代码
Feb 28 Javascript
javascript 面向对象编程 聊聊对象的事
Sep 17 Javascript
jquery实现带复选框的表格行选中删除时高亮显示
Aug 01 Javascript
淘宝网提供的国内NPM镜像简介和使用方法
Apr 17 Javascript
JavaScript实现添加、查找、删除元素
Jul 02 Javascript
javascript中Date format(js日期格式化)方法小结
Dec 17 Javascript
Vue.js实现输入框绑定的实例代码
Aug 24 Javascript
JavaScript实现创建自定义对象的常用方式总结
Jul 09 Javascript
微信小程序-form表单提交代码实例
Apr 29 Javascript
简单了解微信小程序的目录结构
Jul 01 Javascript
微信小程序如何获取群聊的openGid以及名称详解
Jul 17 Javascript
Jquery cookie插件实现原理代码解析
Aug 04 jQuery
JavaScript中的连续赋值问题实例分析
Jul 12 #Javascript
微信小程序开发常见问题及解决方案
Jul 11 #Javascript
使用vue for时为什么要key【推荐】
Jul 11 #Javascript
利用Angular7开发一个Radio组件的全过程
Jul 11 #Javascript
vue发送websocket请求和http post请求的实例代码
Jul 11 #Javascript
微信小程序之几种常见的弹框提示信息实现详解
Jul 11 #Javascript
JavaScript表格隔行变色和Tab标签页特效示例【附jQuery版】
Jul 11 #jQuery
You might like
php 获取完整url地址
2008/12/20 PHP
php验证码生成代码
2015/11/11 PHP
一些相见恨晚的 JavaScript 技巧
2010/04/25 Javascript
在浏览器窗口上添加遮罩层的方法
2012/11/12 Javascript
jquery、js操作checkbox全选反选
2014/03/12 Javascript
用js将内容复制到剪贴板兼容浏览器
2014/03/18 Javascript
JavaScript中的对象的extensible属性介绍
2014/12/30 Javascript
jquery实现textarea 高度自适应
2015/03/11 Javascript
JS、jQuery中select的用法详解
2016/04/21 Javascript
超实用的JavaScript代码段 附使用方法
2016/05/22 Javascript
关于jquery中动态增加select,事件无效的快速解决方法
2016/08/29 Javascript
vue.js通过自定义指令实现数据拉取更新的实现方法
2016/10/18 Javascript
AngularJS中的promise用法分析
2017/05/19 Javascript
JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码
2017/08/18 Javascript
基于AngularJS的简单使用详解
2017/09/10 Javascript
vue实现多组关键词对应高亮显示功能
2019/07/25 Javascript
vue 遮罩层阻止默认滚动事件操作
2020/07/28 Javascript
vue使用video插件vue-video-player详解
2020/10/23 Javascript
深入讨论Python函数的参数的默认值所引发的问题的原因
2015/03/30 Python
简单讲解Python中的字符串与字符串的输入输出
2016/03/13 Python
Windows 7下Python Web环境搭建图文教程
2018/03/20 Python
python selenium自动上传有赞单号的操作方法
2018/07/05 Python
Python爬虫之UserAgent的使用实例
2019/02/21 Python
Python3.4学习笔记之列表、数组操作示例
2019/03/01 Python
Gauss-Seidel迭代算法的Python实现详解
2019/06/29 Python
scikit-learn线性回归,多元回归,多项式回归的实现
2019/08/29 Python
Django中Q查询及Q()对象 F查询及F()对象用法
2020/07/09 Python
基于python实现操作git过程代码解析
2020/07/27 Python
使用Python实现NBA球员数据查询小程序功能
2020/11/09 Python
python中翻译功能translate模块实现方法
2020/12/17 Python
数控专业毕业生自荐信范文
2014/03/04 职场文书
篮球比赛策划方案
2014/06/05 职场文书
社区个人对照检查材料(群众路线)
2014/09/26 职场文书
2016年党支部公开承诺书
2016/03/25 职场文书
干货:我将这样书写我的演讲稿!
2019/05/09 职场文书
《自然之道》读后感3篇
2019/12/17 职场文书