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

Question

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))?

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

Thank you, I managed to access the brothers 'td', as follows:

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

returns to the father to look for his brothers

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

brothers td

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

//an alert to print the values alert(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>'

First, each element in the DOM should have a unique id. By repeating the same ID multiple times, I'm not sure your on('click') events will attach in all browsers and return the value you are looking for. Instead, your click event should look something like this:

 $('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();
     ...
 }

or if you only want to allow clicking on the first 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();
     ...
 }