使用jQuery，如何检查表格单元格是否为空？

Question

使用jQuery，如何检查表格单元格是否为空？

请帮帮我。

Answer 1

你的意思是空的。

//cell maycontain new lines,spaces,&npsp;,... but no real text or other element
$("cellselector").text().trim()=="";

或

//cell has no child elements at all not even text e.g. <td></td>
$("cellselector:empty")

Answer 2

您可以使用带有$函数的CSS选择器来获取对单元格元素的引用，然后使用html函数查看它是否包含任何内容。例如，如果单元格具有ID“foo”：

if ($("#foo").html()) {
    // The cell has stuff in it
}
else {
    // The cell is empty
}

Answer 3

试试这个：

$content = $('#your_cell_id_here').html();

if($content == '')
{
  // yes it is empty
}
else
{
  // no it is not empty
}

Answer 4

您可以向table及其行和列添加css类，然后使用jquery selectors获取表项：

if ( !($('#mytable tr.row-i td.column-j').html()) ) { alert("empty"); }

Answer 5

您可以使用我在此处发布的技术

http://www.keithrull.com/2010/06/09/HowToChangeTableCellColorDependingOnItsValueUsingJQuery.aspx

如果您已经知道要检查的单元格的ID，则可以使用此

$valueOfCell = $('#yourcellid').html();

或者您可以迭代表格的单元格

$("#yourtablename tr:not(:first)").each(function() {                           
//get the value of the table cell located            
//in the third column of the current row             
var valueOfCell = $(this).find("td:nth-child(3)").html();                          
//check if its greater than zero             
if (valueOfCell == ''){                 
    //place action here
}             
else{                 
    //place action here
}         

}）;