Question

您好，请检查我的代码：

<table>
<tr id="record-1">
    <td>22-Sep-2014</td>
    <td>jyoti</td>
    <td>Testing Subject</td>
    <td style="text-align:center;">
        <div align="center" style="margin:auto;">
        <a class="delete-icon" onclick=" return deleteMessage(this);" href="javascript:;">Delete</a>
        </div>
    </td>
  </tr>
</table>

我想获得tr ID record-1

Jquery的：

function deleteMessage(this_record){
    var id = $(this_record).parent('tr').id;
    //var id = $(this_record).parent('tr').attr('id');
    alert(id);
}

以上jquery代码我得到undefined警报。如何获得record-1？

Answer 1

您可以使用.attr()

尝试.closest()

function deleteMessage(this_record){
    var id = $(this_record).closest('tr').attr('id');
    alert(id);
}

Demo

Answer 2

您可以将.parent()与.attr()一起使用，如下所示：

function deleteMessage(this_record){
    var id = $(this_record).parent().parent().parent().attr('id');
    alert(id);
}

Working DEMO

OR

function deleteMessage(this_record){
    var id = $(this_record).parents().find('tr').attr('id');
    alert(id);
}

Working Demo

Answer 3

使用你的jQuery

$(function(){
    $('a.delete-icon').click(function(){
        var id = $(this).closest('tr').attr('id');
        alert(id);
    });
});

然后您可以删除链接的onclick属性。

小提琴here

Answer 4

您可以使用.closest()和.attr()方法在parent id中获得JQuery。

function deleteMessage(this_record)
{
    var id = $(this_record).closest('tr').attr('id');
    alert(id);
}

Answer 5

$(‘tr’).parents().find(‘#record-t’);

我相信这有效，对不起我会很快测试，因为你的父母（）＆＃34;能够使用＆＃34; ID＆＃34;在jQuery中通过find（）进行搜索。＆＃39;＃记录叔＆＃39 ;.

我知道有趣的书呆子双关语，但这是我在jQuery中最简单的方法。 希望这有帮助，肖恩。

如何在JQuery中获取父ID？

5 个答案:

Demo