javascript - JS/JQuery 的新手尝试获取表行的 ID 并改为获取 "undefined"

Question

我一直在这里寻找其他一些代码，我确实得到了有用的信息。但我一定是做错了什么，我不明白我的问题是什么。

这是我的 HTML 表格生成器:

foreach ( $obj as $key => $client ) {
        $tpl .= "
            <tr id=data-'{$client->id}'>
                <td>{$client->id}</td>
                <td>{$client->nombre}</td>
                <td>{$client->apellido1}</td>
                <td>{$client->apellido2}</td>
                <td>{$client->direccion}</td>
                <td>{$client->codigoPostal}</td>
                <td>{$client->fechaNacimiento}</td>
                <td>{$client->notas}</td>
                <td>{$client->fechaRegistro}</td>
                <td><input id='eliminar' name='eliminar' type='submit' value='Eliminar'></td>
            </tr>";
    }

这是我的 JS 文件，它试图获取 TR ID:

var trid = null;
var $this = $(this);

$(document).ready(function () {
    $("#tablaDatos tr td:not(:last-child").click(function () {
        var trid = $this.closest('tr').data('id');
        alert(trid);
    });
});

澄清代码:我正在通过所有数据库信息生成表格。tablaDatos 是整个表的 ID(标题+粘贴的代码)我希望输入在单击时不执行任何操作。但是所有行都执行相同的操作(提醒 TR ID atm)。

Answer 1

使用attr()如下。

$(this).closest('tr').attr('id')

1. $(this) 是触发事件的元素
2. closest('tr') 将选择与传递的选择器匹配的最接近的祖先
3. attr('id') 会得到id属性值