使用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 
}   

}）;