Question

<div id="test">          
<tr>
               <td><input name="item" type="checkbox" value="foo1"></td>

                <td>foo2</td>

                <td>foo3 </td>

                <td><a href="#test" rel="facebox">edit</a></td>
              </tr>
              <tr>
                <td><input name="item" type="checkbox" value="bar1"></td>
                <td>bar2</td>
                <td>bar3 </td>
                <td><a href="#test" rel="facebox">edit</a></td>
              </tr>          

        </div>

此处我有两个<tr> ie two rows.我在edit link上有一个<td> of each <tr>.我希望点击每个edit link弹出{{1}的特定tr数据}。但我不知道如何抓住唯一的facebox

Answer 1

您可以从.closest()获取<tr>，如下所示：

$("tr a").click(function() { 
  var tr = $(this).closest("tr");
});

然后你可以用它做任何你想做的事情，用.find()来获取内容等等。

Answer 2

$("tr").each(function(i, el) {
  $(el).find("a").click(function(ev) { 
     var tr = el;
  });
});

Answer 3

尼克的解决方案将适用于您的示例代码，但如果在该tr中的td内有任何其他标签的可能性，您将需要更具体：

$("a[rel=facebox]").click(function() {
    var tr = $(this).closest("tr");
    //do stuff with…
});

HTH

祝福，吉姆鲍勃

点击一个如何选择特定数据？

3 个答案: