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

Question

如果单击 td (x2) 的 tr (x1)，如何访问同一 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 () {

returns给爸爸找弟弟

                            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);
        }
    });
});

Answer 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') 事件是否会在所有浏览器中附加并且 return 您正在寻找的值。相反，您的 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();
     ...
 }

如果单击 tr（td (x2) 的 x1），如何访问同一 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))?

html

javascript

jquery

html-table

tr