how to test whether grid is empty or not in jquery

Question

i have a grid and adding elements to is in jquery like below:

$('#MyGrid tbody').append('<tr><td><a href="#" >' + htmlString.ID+ '</a></td></tr>');

before that i need to test whether this MYgrid is empty or not. how to do that with jquery.

thanks,

michaeld

Answer 1

You can use the :empty selector:

$('#MyGrid tbody:empty').append('<tr><td><a href="#" >' + htmlString.ID+ '</a></td></tr>');

Answer 2

Can you not just count the rows, and if there are non, assume that your grid is empty?

if(!$('#MyGrid tr').length) {
    // grid is empty
}