django js 實(shí)現(xiàn)表格動(dòng)態(tài)標(biāo)序號(hào)的實(shí)例代碼
django js 實(shí)現(xiàn)表格動(dòng)態(tài)標(biāo)序號(hào)
<table class="table table-striped">
<thead>
<tr class="key_words_head">
<th>序號(hào)</th>
<th>類(lèi)目</th>
<th>關(guān)鍵詞</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>
總結(jié)
以上所述是小編給大家介紹的django js 實(shí)現(xiàn)表格動(dòng)態(tài)標(biāo)序號(hào)的實(shí)例代碼 ,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
如果你覺(jué)得本文對(duì)你有幫助,歡迎轉(zhuǎn)載,煩請(qǐng)注明出處,謝謝!
- 解決Django中修改js css文件但瀏覽器無(wú)法及時(shí)與之改變的問(wèn)題
- 解決django后臺(tái)樣式丟失,css資源加載失敗的問(wèn)題
- 在Django的form中使用CSS進(jìn)行設(shè)計(jì)的方法
- Django接收post前端返回的json格式數(shù)據(jù)代碼實(shí)現(xiàn)
- Django 通過(guò)JS實(shí)現(xiàn)ajax過(guò)程詳解
- Django后端接收嵌套Json數(shù)據(jù)及解析詳解
- django中使用vue.js的要點(diǎn)總結(jié)
- Django分頁(yè)查詢(xún)并返回jsons數(shù)據(jù)(中文亂碼解決方法)
- 如何通過(guò)Django使用本地css/js文件
相關(guān)文章
JS實(shí)現(xiàn)排行榜文字向上滾動(dòng)輪播效果
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)排行榜文字向上滾動(dòng)輪播效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-11-11
詳解JavaScript時(shí)間處理之幾個(gè)月前或幾個(gè)月后的指定日期
本篇文章主要介紹了JavaScript時(shí)間處理之幾個(gè)月前或幾個(gè)月后的指定日期 ,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下。2016-12-12
js在Firefox與IE中對(duì)DOM對(duì)像的引用的比較
直接用ID屬性進(jìn)行引用 直接用NAME屬性進(jìn)行引用 使用getElementById(),getElementsByName(),getElementsByTagName()進(jìn)行引用2009-06-06
微信小程序彈窗禁止頁(yè)面滾動(dòng)的實(shí)現(xiàn)代碼
這篇文章主要介紹了微信小程序彈窗禁止頁(yè)面滾動(dòng)的實(shí)現(xiàn)代碼,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-12-12
JavaScript 通過(guò)Ajax 動(dòng)態(tài)加載CheckBox復(fù)選框
本文通過(guò)實(shí)例代碼給大家介紹了JavaScript 通過(guò)Ajax 動(dòng)態(tài)加載CheckBox復(fù)選框的方法,需要的朋友參考下吧2017-08-08
js模擬如何實(shí)現(xiàn)重載以及默認(rèn)參數(shù)
這篇文章主要介紹了js模擬如何實(shí)現(xiàn)重載以及默認(rèn)參數(shù),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-05-05
讓你的博文自動(dòng)帶上縮址的實(shí)現(xiàn)代碼,方便發(fā)到微博客上
添加以下代碼到你的博客中: (呵呵,抄襲至lulu Studio http://s8.hk/0itw)2010-12-12
js動(dòng)態(tài)調(diào)用css屬性的小規(guī)律及實(shí)例說(shuō)明
本篇文章主要介紹了js動(dòng)態(tài)調(diào)用css屬性的小規(guī)律及實(shí)例說(shuō)明。需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-12-12

