元素JQuery的祖父母的第一个孩子答案

【问题标题】：First-child of Grandparent of an element JQuery元素JQuery的祖父母的第一个孩子
【发布时间】：2013-06-06 00:51:47
【问题描述】：

我有这个 html 代码：

<table id="MaTable">
<tbody>
    <tr>
        <td>slip</td>
        <td></td>
        <td></td>
        <td></td>
        <td><a class=".pop_admin"></a></td>
    </tr>
</tbody>
</table>

还有这段 Javascript 代码：

$("#MaTable tbody").on("click", ".pop_admin", function(event){
    alert(($(this).parents()[1]).find("td:first-child").tagName);
});

当我用 jquery 选择器点击我的“a”时，我试图获得我的“tr”的第一个“td”。我不能在我的按钮或“tr”等上放置任何 ID。因为我的表已经完成了一段时间。如果我运行此代码，则不会弹出警报。我可以使用 $(this).parents()[1] 找到 tr，但是当我尝试获取它的第一个孩子时，我遇到了很多问题。我很无聊，因为我尝试了很多（children()，first()，...）。请帮忙！！！

【问题讨论】：

标签： javascript jquery html jquery-selectors

【解决方案1】：

你可以试试这个：

$("#MaTable tbody").on("click", ".pop_admin", function(event){
    alert($(this).closest('tr').find('td:first').text());
});

【讨论】：

【解决方案2】：

将您的班级名称从 .pop_admin 更改为 pop_admin，不需要 .

$("#MaTable tbody").on("click", ".pop_admin", function(event){
    alert($(this).parents("tr").find("td:first-child").text());
});

演示：http://jsfiddle.net/tymeJV/7WkZ5/

【讨论】：