js ▪ html5 / 正文

jquery删除table 的tr

2024-01-13 23:29 1509 浏览
评论(0
字体大小:

jquery删除table 的tr

html代码如下

<table class="ncsc-default-table order" id="texpress1">
    
        <tbody nc_type="expresslist">
                
        <tr id="shipping22">
          <td class="bdl">汇通快递(HTKY)</td>
          <td class="bdl">71262336499351</td>
          <td class="bdl gray">
              《芳华》 × 1<br>

          </td>
          <td class="bdl bdr tc"><a nc_type="edit" shippingid="22" orderid="24" href="javascript:void(0);" class="ncbtn ncbtn-bluejeansjeans"> 编辑</a></td>
        </tr>
        
        <tr id="shipping30">
          <td class="bdl">包裹平邮(HTKY)</td>
          <td class="bdl">71262334498890</td>
          <td class="bdl gray">
              《芳华》 × 1<br>

          </td>
          <td class="bdl bdr tc"><a nc_type="edit" shippingid="30" orderid="24" href="javascript:void(0);" class="ncbtn ncbtn-bluejeansjeans"> 编辑</a></td>
        </tr>
        
    </tbody>
       
    </table>

 

js代码如下

function add_one(express_name, shippingcode, shippingid, goods_string){
     
      var _html = '<tr id="shipping' + shippingid + '">\n' +
              '          <td class="bdl">' + express_name + '</td>\n'+
              '          <td class="bdl">'+ shippingcode + '</td>\n'+
              '          <td class="bdl gray">' + goods_string + '</td>\n'+
              '          <td class="bdl bdr tc"><a nc_type="edit"  shippingid="' + shippingid + '"  orderid="<?php echo $output["order_info"]["order_id"];?>" href="javascript:void(0);" class="ncbtn ncbtn-bluejeansjeans" >编辑</a></td>\n'+
              '        </tr>';
  
       //获取tr所在的行号
       var _index = $('a[shippingid=' + shippingid + ']').closest('tr').index();
       //删除tr
       $("tbody[nc_type=expresslist] tr:eq("+ _index + ")").remove();

       $('tbody[nc_type=expresslist]').append(_html);

}

 

本文发布于程序达人 ,转载请注明出处,谢谢合作

0 人认为有用
0 评论

相关热点文章推荐

程序达人 - chengxudaren.com

一个帮助开发者成长的社区

相关文章