TR表中的jQuery清理文本答案

【问题标题】：jQuery clean text in TR TableTR表中的jQuery清理文本
【发布时间】：2019-02-10 02:56:03
【问题描述】：

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

这是我的桌子：

下面是我的脚本 - 我在 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();
});

【问题讨论】：

你试过$('#approve_do-table tbody tr').remove() 吗？那应该删除tbody中的所有行...（我不确定你的意思是什么，但这就是我现在所理解的。）
是的，但是正在删除 TR 元素，我想像 html("") 一样将 TR 元素设置为空；但这里也不起作用，我也试过 text("");

标签： javascript php jquery codeigniter html-table

【解决方案1】：

我想将 TR 元素设置为空，例如 html("");

要“清空”某些表格行...不删除它们，您必须清空单元格（td）。

试试这个：

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

【讨论】：