JQuery遍历表列

Question

我有一个表格如下；

<table>
<tr>
<th scope="col"></th>
<th scope="col">Column One</th>
<th scope="col">Column Two</th>
<th scope="col">Column Three</th>
<th scope="col">Column Four</th>
</tr>
<tr>
<th scope="row">Row One</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th scope="row">Row Two</th>
<td></td>
<td></td>
<td class="click"></td>
<td></td>
</tr>
<tr>
<th scope="row">Row Three</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th>Row Four</th>
<td></td>
<td></td>
<td class="target"></td>
<td></td>
</tr>
<table>

我希望能够点击 <td>使用“点击”类，然后提醒我 <td> 距离有多少行同一类目标是。 (在上面的示例中它将返回 2)。

可能还有其他<td>表中的元素具有一类目标。我只对行数感兴趣，直到下一个目标与我的“点击”位于同一行 td 。任何高于我“点击”的目标<td>或其他列中的内容应被忽略。

如果没有其他“目标”<td>在同一行中单击的元素之后，警报应显示“无其他目标”。

我希望这一点很清楚。

Answer 1

你的意思是这样吗？

var targetRowIndex = $('.target')[0].parentNode.rowIndex;

$(".click").bind("click",function(){
   alert( targetRowIndex - this.parentNode.rowIndex ); 
});

http://jsfiddle.net/BZDyr/3/

如果您了解该代码中发生的情况，您可能可以自己实现其余的精确功能。