Question

我需要计算表中的行数。当用户点击<td>

中的图片时，我需要将它们计算在内

到目前为止，我尝试过这样的事情：

$(".up, .down").click(function(){
var rows = $(this).closest('table').find('tr').length;
});

.up和.down是点击图像的类由于实际原因，该表没有ID ... 看起来它需要第一张桌子 - 而不是最接近的......

---添加---

    <table class='bokse'><tr>
<tr sideid='7' sidepos='1'>
<td><h3 class='link' pid='7'>Formål</h2></td>
<td><img src='btn/op.png' class='up' title='ryk op' alt='op' /> <img src='btn/ned.png' class='down' title='ryk ned' alt='ned' /> <img src='btn/vis.png' class='vis' item='page_7' title='vis' alt='vis' /></td>
</tr>
<tr sideid='8' sidepos='2'>
<td><h3 class='link' pid='8'>Vedtægter</h2></td>
<td><img src='btn/op.png' class='up' title='ryk op' alt='op' /> <img src='btn/ned.png' class='down' title='ryk ned' alt='ned' /> <img src='btn/vis.png' class='vis' item='page_8' title='vis' alt='vis' /></td>
</tr>
<tr sideid='10' sidepos='3'>
<td><h3 class='link' pid='10'>Bliv medlem</h2></td>
<td><img src='btn/op.png' class='up' title='ryk op' alt='op' /> <img src='btn/ned.png' class='down' title='ryk ned' alt='ned' /> <img src='btn/vis.png' class='vis' item='page_10' title='vis' alt='vis' /></td>
</tr>
</table>

有一系列像这样的各种长度的表。每个都嵌套在另一个表中。

虽然行数有所不同，但它表示有4行 - 如第一个表格 - 无论我点击哪一行

Answer 1

这是因为开头有一个额外的<tr>。删除没有结尾<tr>的第一个</tr>。 <table class='bokse'><tr> 见http://jsfiddle.net/3PM9M/

$(".up, .down").click(function(){

    alert('total rows -' + $(this).parents('table').find('tr').length); //Gives all the tr's
    alert('Clicked row -' + (parseInt($(this).parents('tr').index()) + 1)); // clicked tr's index
});

使用父计数表中的tr

1 个答案: