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

Question

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

请帮帮我。

Answer 1

试试这个：

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

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

Answer 2

您可以使用CSS选择器与$函数获取细胞的元素的引用，然后使用html功能，看是否有任何内容。例如，如果该小区有ID为“foo”：

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

Answer 3

你可以CSS类添加到您的table及其行和列，然后使用jquery selectors得到表项目：

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

Answer 4

你什么意思是空的。

//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 5

你可以使用我张贴在这里

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

你可以使用这个，如果你已经知道你要检查

小区ID的trechnique

$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 
}   

}）;