国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery實現 上升、下降、刪除、添加一行代碼

2019-11-19 17:18:13
字體:
來源:轉載
供稿:網友

應用場景:

多值排序、分類排序等操作

此代碼是經過實踐后,實現方法簡潔,而且不會丟失(js添加一行人工填入的Input值)input值

依賴Jquery,不依賴其它擴展

Javascript代碼

/*addTableRow 為添加一行按鈕的id值tableAttr 為table的id值*/$(function(){ //添加一行 $('#addTableRow').on('click',function(e){  e.preventDefault();  var _Html = '<tr><td><input type="text" placeholder="" class="input-text" value=""></td>'    + '<td><a class="sortUp"><i class="Hui-iconfont"></i>上升</a> <a class="sortDown"><i class="Hui-iconfont"></i>下降</a> <a class="sortDel"><i class="Hui-iconfont"></i>刪除</a></td></tr>';  $('tbody', $('#tableAttr')).append(_Html);  bindEvent(); }); bindEvent();});function bindEvent(){ $('.sortDel,.sortUp,.sortDown').off(); $('.sortDel').on('click', function(e) {  e.preventDefault();  if (confirm("確定要刪除該屬性?")) {   $(this).parents('tr').remove();  } }); // 初始化上升按鈕 $('.sortUp').on('click', function(e) {  e.preventDefault();  var _current = $(this).parents('tr');  if(($('tr').index(_current) - 2) >= 0) {   _current.insertBefore(_current.prev());  } else {   alert("已經到頂了");  } }); // 初始化下降按鈕 $('.sortDown').on('click', function(e) {  e.preventDefault();  var _current = $(this).parents('tr');  _current.insertAfter(_current.next()); });}

實現效果

以上所述是小編給大家介紹的jQuery實現 上升、下降、刪除、添加一行代碼的實現方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 韶关市| 天门市| 灌云县| 扶风县| 敖汉旗| 铜陵市| 双柏县| 扶余县| 塔河县| 六安市| 洪湖市| 周宁县| 嘉善县| 綦江县| 屏山县| 揭西县| 锡林浩特市| 宝清县| 康平县| 察雅县| 韶山市| 奎屯市| 永安市| 青神县| 华宁县| 柞水县| 和硕县| 忻州市| 抚顺市| 苗栗县| 龙陵县| 万年县| 平罗县| 美姑县| 抚松县| 南部县| 巴南区| 泸西县| 新安县| 东山县| 新昌县|