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 相关文章推荐
关于javascript DOM事件模型的两件事
Jul 22 Javascript
基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )
Nov 14 Javascript
js中的前绑定和后绑定详解
Aug 01 Javascript
JavaScript 里的类数组对象
Apr 08 Javascript
在AngularJS应用中实现一些动画效果的代码
Jun 18 Javascript
jQuery焦点图轮播特效代码分享(3款)
Sep 05 Javascript
canvas仿iwatch时钟效果
Mar 06 Javascript
Angular.js指令学习中一些重要属性的用法教程
May 24 Javascript
编写React组件项目实践分析
Mar 04 Javascript
详解如何使用nvm管理Node.js多版本
May 06 Javascript
JS实现联想、自动补齐国家或地区名称的功能
Jul 07 Javascript
vue常用高阶函数及综合实例
Feb 25 Vue.js
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 一元分词算法
2009/11/30 PHP
PHP中检查isset()和!empty()函数的必要性
2019/02/13 PHP
jQuery库与其他JS库冲突的解决办法
2010/02/07 Javascript
JS获取键盘上任意按键的值(实例代码)
2013/11/12 Javascript
javascript获取当前的时间戳的方法汇总
2015/07/26 Javascript
js带点自动图片轮播幻灯片特效代码分享
2015/09/07 Javascript
jQuery Ajax 实例代码 ($.ajax、$.post、$.get)
2016/04/29 Javascript
javascript实现根据汉字获取简拼
2016/09/25 Javascript
js数组与字符串常用方法总结
2017/01/13 Javascript
jquery实现弹窗功能(窗口居中显示)
2017/02/27 Javascript
基于vue2的table分页组件实现方法
2017/03/20 Javascript
jQuery实现鼠标响应式淘宝动画效果示例
2018/02/13 jQuery
[50:21]Liquid vs Winstrike 2018国际邀请赛小组赛BO2 第二场
2018/08/19 DOTA
python支持断点续传的多线程下载示例
2014/01/16 Python
Python中使用Queue和Condition进行线程同步的方法
2016/01/19 Python
Fiddler如何抓取手机APP数据包
2016/01/22 Python
Python实现获取命令行输出结果的方法
2017/06/10 Python
Python处理菜单消息操作示例【基于win32ui模块】
2018/05/09 Python
Python3爬虫全国地址信息
2019/01/05 Python
10个Python面试常问的问题(小结)
2019/11/20 Python
Python使用configparser读取ini配置文件
2020/05/25 Python
python如何用matplotlib创建三维图表
2021/01/26 Python
纯CSS3制作漂亮带动画效果的主机价格表
2015/04/25 HTML / CSS
详解HTML5 window.postMessage与跨域
2017/05/11 HTML / CSS
Dower & Hall官网:英国小众轻奢珠宝品牌
2019/01/31 全球购物
英国最大的笔记本电脑直销专家:Laptops Direct
2019/07/20 全球购物
数控专业毕业生求职信范文
2013/09/21 职场文书
学生感冒英文请假条
2014/02/04 职场文书
党校学习自我鉴定
2014/02/24 职场文书
元宵节主持词
2014/03/25 职场文书
《登鹳雀楼》教学反思
2014/04/09 职场文书
反对四风问题自我剖析材料
2014/09/29 职场文书
小数乘法教学反思
2016/02/22 职场文书
赞美教师的句子
2019/09/02 职场文书
MySQL 开窗函数
2022/02/15 MySQL
Android开发之底部导航栏的快速实现
2022/04/28 Java/Android