Question

I am doing knockout binding for inserting values into the table.
If there is nuber of rows in table is 0, then I have to show an alert message.
But for that I need to count the number of rows showing data.

my view’s code is as Below:

    <table class="table table-hover table-bordered datagrid" style="width: 355px;" id="remodellingTable">
       <thead>
         <tr>
            <th>First Name</th>
            <th>Last Name</th>
            <th>Address</th>
            <th>City</th>
            <th>State</th>
         </tr>
       </thead>
       <tbody data-bind="foreach:items">
          <tr>
             <td data-bind="text:fname" id="tdfname"></td>
             <td data-bind="text:lname"></td>
             <td data-bind="text:addr"></td>
             <td data-bind="text:city"></td>
             <td data-bind="text:state"></td>
          </tr>
       </tbody>
    </table>
<button type="button" class="btn" id="nexttarget"> Next <i class="icon-arrow-right"></i></button>

and my jquery code for this checking is as below:

$('#nexttarget').live('click', function () 
{
     var rowcount = ('#remodellingTable > tbody > tr').length;
    if (rowcount > 0) 
    {
       $('#authorize').hide();
       $('#target').hide();
       $('#sideone').show();
    }
    else 
    {
       alert("There are no targets selected");
    }

}

Answer 1

You forgot to invoke jQuery, using $:

var rowcount = $('#remodellingTable > tbody > tr').length;

http://jsfiddle.net/ENQrX/

If you don’t invoke jQuery, you’re simply evaluating the length of the string '#remodellingTable > tbody > tr', which is obviously irrelevant.