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 相关文章推荐
基于jquery的超简单上下翻
Apr 20 Javascript
解决3.01版的jquery.form.js中文乱码问题的解决方法
Mar 08 Javascript
可简单避免的三个JS发布错误的详细介绍
Aug 02 Javascript
PHP+jQuery+Ajax+Mysql如何实现发表心情功能
Aug 06 Javascript
原生js实现键盘控制div移动且解决停顿问题
Dec 05 Javascript
underscore之function_动力节点Java学院整理
Jul 11 Javascript
webpack实现热加载自动刷新的方法
Jul 30 Javascript
详解vue+vuex+koa2开发环境搭建及示例开发
Jan 22 Javascript
Vue项目中设置背景图片方法
Feb 21 Javascript
JQuery样式操作、click事件以及索引值-选项卡应用示例
May 14 jQuery
JS前端基于canvas给图片添加水印
Nov 11 Javascript
vue element-ul实现展开和收起功能的实例代码
Nov 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/10/23 PHP
thinkPHP中create方法与令牌验证实例浅析
2015/12/08 PHP
PHP实现的线索二叉树及二叉树遍历方法详解
2016/04/25 PHP
php与c 实现按行读取文件实例代码
2017/01/03 PHP
基于Laravel实现的用户动态模块开发
2017/09/21 PHP
PHP面向对象之里氏替换原则简单示例
2018/04/08 PHP
PHP通过bypass disable functions执行系统命令的方法汇总
2018/05/02 PHP
基于thinkphp6.0的success、error实现方法
2019/11/05 PHP
!DOCTYPE声明对JavaScript的影响分析
2010/04/12 Javascript
Jquery在指定DIV加载HTML示例代码
2014/02/17 Javascript
Javascript加载速度慢的解决方案
2014/03/11 Javascript
使用jquery.validate自定义方法实现&quot;手机号码或者固话至少填写一个&quot;的逻辑验证
2014/09/01 Javascript
jQuery实现单击和鼠标感应事件
2015/02/01 Javascript
JS设置网页图片vspace和hspace属性的方法
2015/04/01 Javascript
简介JavaScript中Math.LOG10E属性的使用
2015/06/14 Javascript
JavaScript中将数组进行合并的基本方法讲解
2016/03/07 Javascript
AngularJS入门教程之表格实例详解
2016/07/27 Javascript
jQuery EasyUI封装简化操作
2016/09/18 Javascript
ionic2打包android时gradle无法下载的解决方法
2017/04/05 Javascript
JavaScript基于面向对象实现的猜拳游戏
2018/01/03 Javascript
webpack打包并将文件加载到指定的位置方法
2018/02/22 Javascript
解决vue js IOS H5focus无法自动弹出键盘的问题
2018/08/30 Javascript
vue-router 实现导航守卫(路由卫士)的实例代码
2018/09/02 Javascript
玩转Koa之koa-router原理解析
2018/12/29 Javascript
详解微信小程序用定时器实现倒计时效果
2019/04/30 Javascript
js实现课堂随机点名系统
2019/11/21 Javascript
Python进程池Pool应用实例分析
2019/11/27 Python
荷兰网上鞋店:Ziengs.nl
2017/01/02 全球购物
阿联酋航空假期:Emirates Holidays
2018/03/20 全球购物
澳大利亚玩具剧场:Toy Playhouse
2019/03/03 全球购物
机械工程师的岗位职责
2013/11/17 职场文书
就业协议书怎么填
2014/04/11 职场文书
国庆节促销广告语2014
2014/09/19 职场文书
数学考试作弊检讨书300字
2015/02/16 职场文书
寒假致家长的一封信
2015/10/10 职场文书
台式电脑蓝牙适配器怎么安装?台式电脑蓝牙适配器安装教程
2022/04/08 数码科技