javascript - 元素JQuery的祖父母的第一个孩子

Question

我有这个 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()，...）。请帮忙 ！！！

Answer 1

你可以试试这个：

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

Answer 2

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

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

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