如果单击 tr (x1 of td (x2))，如何访问同一 tr (x1) 的 td (x3) 的值？答案

【问题标题】：How do I access the value of a td (x3) of the same tr (x1), if I click on the tr (x1 of td (x2))?如果单击 tr (x1 of td (x2))，如何访问同一 tr (x1) 的 td (x3) 的值？
【发布时间】：2020-01-27 20:01:03
【问题描述】：

如果我点击 tr (x1 of td (x2))，如何访问同一个 tr (x1) 的 td (x3) 的值？

$(document).ready(function () {
    $.ajax({
        url: '/api/Usuario/GetPermisosRolPorUsuario',
        method: 'GET',
        dataType:'JSON',
        data: { NitEmpresa,NombreUsuario },
        headers: {
            'Authorization': 'Bearer '
                + sessionStorage.getItem("accessToken")
        },
        success: function (data) {
            debugger
            $('#tblBody').empty();
            $.each(data, function (index, value) {
                var row =
                    $('<tr>'
                        +'<td id="IdUsuario">'+ value.IdUsuario + '</td>'
                        + '<td id="RolId">'   + value.RolId     + '</td>'
                        + '<td id="Estado" >' + value.Estado + '</td>'
                        + '<td>' + value.Rol + '</td>'
                        + '<td>' + value.DescripcionRol + '</td>'
                        + '<td>' + value.NombreUsuario + '</td>'
                        + '<td>' + value.FullName + '</td>'
                        + '<td>' + value.licenciaEmpresa + '</td>'
                        + '<td>' + value.RazonSocial + '</td>'
                        + '<td>' + value.NitEmpresa + '</td>'
                        + '<td>' + value.Correo + '</td>'
                        + '<td>' + value.Celular + '</td>'
                        + '<td>' + formatDate(value.licenciaFechaExpire) + '</td>'
                    );
                $('#tblData').append(row);
            });

谢谢，我设法访问了'td'兄弟，如下：

                    $('tr td:nth-child(3)', '#tblData').click(function () {

回到父亲那里寻找他的兄弟

                            var $thisRow = $(this).closest('tr')

兄弟们 td

                            IdUsuario = $('td:first', $thisRow).text();
                            RolId = $('td:nth-child(2)', $thisRow).text();
                            Estado= $('td:nth-child(3)', $thisRow).text();

//打印值的警报警报（IdUsuario + '-' + RolId + '-' + Estado）；

            });
        },
        error: function (jQXHR) {
            toastr.error('Sistemas Infinitos Informa: '+jQXHR.responseText);
        }
    });
});

【问题讨论】：

“x3”、“x1”和“(x1 of td (x2))”是什么意思？
你问tr被点击时如何选择特定td的值？
如果我指定 'click'，在 id x 的 td 上，同一行的另一个 td 无法访问
@MauricoBello 你能检查我的答案，并告诉我是你想要的还是我不理解你的问题。
我正在验证

标签： javascript jquery html html-table tr

【解决方案1】：

            $.each(data, function (index, value) {
            var row =
                $('<tr>'
                    +'<td id="IdUsuario">'+ value.IdUsuario + '</td>'
                    + '<td id="RolId">'   + value.RolId     + '</td>'
                    + '<td id="Estado" >' + value.Estado + '</td>'

首先，DOM 中的每个元素都应该有一个唯一的 id。通过多次重复相同的 ID，我不确定您的 on('click') 事件是否会附加到所有浏览器中并返回您正在查找的值。相反，您的 click 事件应如下所示：

 $('tr', '#tblData').click(function () {
     var id1 = $('td:first-child', this).text();
     var id2 = $('td:nth-child(2)', this).text();
     var id3 = $('td:nth-child(3)', this).text();
     ...
 }

或者如果您只想允许点击第一个 TD：

 $('tr td:first-child', '#tblData').click(function () {
     var $thisRow = $(this).closest('tr')
     var id1 = $(this).text();
     var id2 = $('td:nth-child(2)', $thisRow).text();
     var id3 = $('td:nth-child(3)', $thisRow).text();
     ...
 }

【讨论】：

要添加一条评论，我不确定如果不是特定的 td 即 $('#tblData').on('click', 'tr td:first-child', function (){….}) 如果我有很多行，我可能会尝试两种方式来节省资源。