jQuery table count rows always returns value of 1

For some reason eve开发者_Python百科ry time I try to count the number of rows in a table it always returns 1. I am dynamically adding and removing rows to the table, so I'm starting to think it is just counting the number of rows initially configured in the table. here is the code I'm using.

$(".elementDelRowButton").live ('click', function (event) {

console.log ($(this).closest('table').length);
                  if ($(this).closest('tr').index()!=0) {
                      $(this).parent().parent().remove();
                  }

            });

I have tried using Size, length and other variations, it always returns 1.

Here is the HTML:

<table id="element_items"><tr>
  <td><input type="radio" name="radio" /></td>
  <td><input type="text" value="RadioItem"/></td>
  <td><span class="elementAddRowButton">+</span>/<span class="elementDelRowButton">-</span></td>
</tr>
</table>

It could be that there's a tbody in your source surrounding all of your rows. Try this:

console.log($(this).closest('table').find('tr').length);

By the way, the "this.parent().parent().remove()" looks dangerous. You may want to use a selector along with the "closest" function.

console.log ($(this).closest('table').length); just return a jquery set that contains the closest tag "table" ... The set contains one element indeeed , the table itself, as closest return the first parent that match

console.log ($(this).closest('table').children("tr").length should gives the rows count

Thanks everyone.. this worked for my situation:

console.log ($(this).closest('table').find('tr').length);