TR表中的jQuery干净文本

时间:2018-09-05 04:24:51

标签: javascript php jquery codeigniter html-table

如何清除出现在TR表中的所有文本?

这是我的桌子:

here is my table

下面是我的脚本-我在TR中放了文字

$('#approve_do-table').delegate('tr', 'click', function() {

  var html;
  if ($('#approve_do-table #do-show tr').length === 1) {
    html = '<tr id="no-data"><th style="text-align:center;" class="table-conf even" colspan="5">No data found</th></tr>';
  }
  $('#approve_do-table > tbody').html(html);

  var $this = this;
  var id = $(this).attr('id'),
     latest_no = $(this).children('td:eq(0)').text(),
     part_name = $(this).children('td:eq(1)').text(),
     req       = $(this).children('td:eq(2)').text(),
     price     = $(this).children('td:eq(3)').text(),
     amount    = $(this).children('td:eq(4)').text(),
     part_id   = $(this).data('part_id');

  rows_selected.push(this);
  ids_selected.push(id);
  arrPartIds.push(part_id);

  loc = id.replace('part_do', '');
  loctab = $.inArray(id, ids_selected);
  locP = loctab+1;

  $('#part_doDest-table tr:eq('+locP+') td:eq(0)').html(latest_no);
  $('#part_doDest-table tr:eq('+locP+') td:eq(1)').html(part_name+'<i class="fa fa-times eks" aria-hidden="true" id="'+id+'"></i>');
  $('#part_doDest-table tr:eq('+locP+') td:eq(2)').attr({'contenteditable': false, 'id': 'edit'+loc, 'oninput': 'inputFunc("'+loc+'")','onblur':'removeTooltips("'+loc+'")', 'placeholder': '0'}).html(req);

  $('#part_doDest-table tr:eq('+locP+') td:eq(3)').attr('id', 'price'+loc).html(price);
  $('#part_doDest-table tr:eq('+locP+') td:eq(4)').attr('id','amount'+loc).html(amount);
  $(this).remove();
  sumSubtotal2();
});

这是我用于清除数组的脚本,但是未清除元素上的文本。

$('.cancel_btn').click(function(event) {

  alert(1);
  ids_selected    = [];
  rows_selected   = [];

  $('#part_doDest-table').closest('tr').remove();
  $(this).closest('tr').remove();
});

1 个答案:

答案 0 :(得分:0)

  

我想将TR元素sir设置为空,例如html(“”);

要“清空”某些表行...而无需删除它们,您必须清空单元格(即td)。

尝试一下:

$('#approve_do-table tbody td').empty()