Jquery在点击子td内的链接时遍历父表

时间:2013-02-02 21:20:49

标签: jquery

我有以下表结构

<table calss="ptable">
<tr>
<td><select>...</select></td>
<td><input/></td>
<td>input/></td>
<td><a class="abc"></a></td>
</tr>
<tr>
<td><select>...</select></td>
<td><input/></td>
<td>input/></td>
<td><a class="abc"></a></td>
</tr>
<tr>
<td><select>...</select></td>
<td><input/></td>
<td>input/></td>
<td><a class="abc"></a></td>    </tr></table>

现在单击'a'标签我必须遍历整个表并在每个td中设置vales以进行选择和输入。我正在使用jquery ...请帮助我对jquery ....

我找到了解决方案,就像.......

  var firsta = $(".abc").first().parents(".ptable");              
  $(firsta).children("tbody").find("tr td").each(function (index) { alert(index); });

是否有更好的方法来实现这一点。

2 个答案:

答案 0 :(得分:0)

也许尝试以下方法:

function event_a() {
    $(".ptable").find("td").bind("click",{nr:index},function(evt){
        alert(evt.data.nr);
    });
}

您可以通过以下方式将此函数绑定到每个a-tag:

$(".abc a").click(event_a);

答案 1 :(得分:0)

只是不想让它无人接听。因为我有一个解决方案我想分享它......

  var firsta = $(".abc").first().parents(".ptable");              
  $(firsta).children("tbody").find("tr td").each(function (index) { alert(index); });

感谢大家的帮助......