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

时间:2013-06-05 16:48:24

标签: javascript jquery html jquery-selectors

我有这个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(),...)。 请帮忙 !!!

2 个答案:

答案 0 :(得分:3)

你可以试试这个:

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

答案 1 :(得分:0)

将您的班级名称从.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/