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 相关文章推荐
JS 非图片动态loading效果实现代码
Apr 09 Javascript
读jQuery之三(构建选择器)
Jun 11 Javascript
javascript针对DOM的应用分析(三)
Apr 15 Javascript
解析offsetHeight,clientHeight,scrollHeight之间的区别
Nov 20 Javascript
jquery简单实现外部链接用新窗口打开的方法
May 30 Javascript
JavaScript中的时间处理小结
Feb 24 Javascript
深入浅析JavaScript中的constructor
Apr 19 Javascript
JavaScript获取短信验证码(周期性)
Dec 29 Javascript
详解JS对象封装的常用方式
Dec 30 Javascript
javascript防篡改对象实例详解
Apr 10 Javascript
AngularJS双向绑定和依赖反转实例详解
Apr 15 Javascript
MUI 实现侧滑菜单及其主体部分上下滑动的方法
Jan 25 Javascript
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实现memcache缓存示例讲解
2013/12/04 PHP
PHP7原生MySQL数据库操作实现代码
2020/07/03 PHP
JavaScript Event学习第五章 高级事件注册模型
2010/02/07 Javascript
javascript中的对象创建 实例附注释
2011/02/08 Javascript
seajs1.3.0源码解析之module依赖有序加载
2012/11/07 Javascript
选择器中含有空格在使用示例及注意事项
2013/07/31 Javascript
js 处理数组重复元素示例代码
2013/12/27 Javascript
javascript获取本机操作系统类型的方法
2015/08/13 Javascript
关于vue-router路径计算问题
2017/05/10 Javascript
js截取字符串功能的实现方法
2017/09/27 Javascript
解决Vue 通过下表修改数组,页面不渲染的问题
2018/03/08 Javascript
推荐一个基于Node.js的表单验证库
2019/02/15 Javascript
你可能不知道的CORS跨域资源共享
2019/03/13 Javascript
解决layer弹出层自适应页面大小的问题
2019/09/16 Javascript
原生JS实现烟花效果
2020/03/10 Javascript
[00:12]DAC2018 天才少年转战三号位,他的SOLO是否仍如昔日般强大?
2018/04/06 DOTA
[03:33]TI9战队采访 - Infamous
2019/08/20 DOTA
Python实现识别手写数字 简易图片存储管理系统
2018/01/29 Python
python的concat等多种用法详解
2018/11/28 Python
使用python制作一个为hex文件增加版本号的脚本实例
2019/06/12 Python
python批量下载抖音视频
2019/06/17 Python
PyQt5组件读取参数的实例
2019/06/25 Python
python自动分箱,计算woe,iv的实例代码
2019/11/22 Python
python随机模块random使用方法详解
2020/02/14 Python
pytorch模型存储的2种实现方法
2020/02/14 Python
python 写一个性能测试工具(一)
2020/10/24 Python
HTML5的postMessage的使用手册
2018/12/19 HTML / CSS
华为的Java面试题
2014/03/07 面试题
c语言常见笔试题总结
2016/09/05 面试题
Java程序员面试题
2013/07/15 面试题
个人思想理论学习的自我鉴定
2013/11/30 职场文书
运动会广播稿500字
2014/01/28 职场文书
教师专业自荐信
2014/05/31 职场文书
交通事故协议书范本
2014/11/18 职场文书
电子商务专业求职信范文
2015/03/19 职场文书
社区法制宣传月活动总结
2015/05/07 职场文书