En utilisant jQuery, comment vérifier si une cellule de table est vide ou non?

Question

En utilisant jQuery, comment vérifier si une cellule de tableau est vide ou non?

S'il vous plaît aidez-moi.

Answer 1

Essayez ceci:

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

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

Answer 2

Vous pouvez utiliser des sélecteurs CSS avec la fonction $ pour obtenir une référence à l'élément de la cellule, puis utilisez la fonction html pour voir si elle a tout contenu. Par exemple, si la cellule a un ID "foo":

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

Answer 3

Vous pouvez ajouter des classes CSS à vos table et ses lignes et de colonnes, puis utilisez jquery selectors pour obtenir l'élément de table:

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

Answer 4

Que voulez-vous dire par vide.

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

ou

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

Answer 5

Vous pouvez utiliser le trechnique que j'ai posté ici

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

Vous pouvez l'utiliser si vous connaissez déjà l'ID de la cellule que vous voulez vérifier

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

ou vous pouvez itérer sur les cellules de la table

$("#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 
}   

});