Clicar em qualquer <TD> e enviar valor de uma <TD> hide

Question

Tenho uma tag <TD> em minha table hide. Ela carrega os ID's dos respectivos registros. Tenho um método jquery que me traz o balor da <TD> clicada(dbclick). Gostaria de ao invés de eu enviar o valor da <TD> clicada, que eu enviasse o valor da tag <TD> que está oculta. Isso é possível? O que eu tenho é isso:

$('#nmUsuario').on("dblclick", '.clique', function () {

    CarregaDados($(this).text());
})

function CarregaDados(ajaxParameter) {

    $.ajax({

        url: '/CadastroAcesso/CarregaDadosPagina',
        datatype: 'json',
        contentType: 'application/json;charset=utf-8',
        type: 'POST',
        data: JSON.stringify({ _nivel: ajaxParameter }),
        success: function (data) {
        },
        error: function (error) {
        }
    })
}

Answer 1

Cole seu código HTML aqui também.

Answer 2

@{
    ViewBag.Title = "CadastroAcesso";
    Layout = "~/Views/Shared/_LayoutBase.cshtml";
}

<h2>Cadastro de Acesso ao Sistema</h2>

<div class="container">
    <div class="row">
        <div class="col-md-6">

            <div class="row">
                <div class="col-md-4">
                    <label for="txtNome">Nome:</label>
                </div>
                <div class="col-md-6">
                    <input type="text" class="form-control col-md-6" name="txtNome" id="txtNome" placeholder="Digite um nome">
                </div>
            </div>

            <br />

            <div class="row">
                <div class="col-md-4">
                    <label for="txtUsuarioRede">Usuário de Rede:</label>
                </div>
                <div class="col-md-6">
                    <input type="text" class="form-control col-md-6" name="txtUsuarioRede" id="txtUsuarioRede" placeholder="Digite um usuáruo da rede">
                </div>
            </div>

            <br />

            <div class="row">
                <div class="col-md-4">
                    <label for="txtEmail">E-mail:</label>
                </div>
                <div class="col-md-6">
                    <input type="text" class="form-control col-md-6" name="txtEmail" id="txtEmail" placeholder="Digite um email válido">
                </div>
            </div>

            <br />

            <div class="row">
                <div class="col-md-4">
                    <label for="cbxNivelAcesso">Nível de Acesso:</label>
                </div>
                <div class="col-md-6">
                    <select class="form-control col-md-6" name="cbxNivelAcesso" id="cbxNivelAcesso">
                        
                    </select>
                </div>
            </div>
        </div>

        <div class="col-md-12">
            <div class="col-md-6">
                <label class="checkbox" for="ckbAtivo">
                    <input type="checkbox" checked="checked" class="checkbox large" data-label="suffix" data-label-prepend="prefix" name="ckbAtivo" id="ckbAtivo">Ativo
                </label>
            </div>
        </div>

        <br /><br />
    </div>

    <div id="content">
        <div class="listTree"></div>
        <button class="btn btn-success" onclick=" return CadastraUsuario();">Gravar</button>
        @Html.ActionLink("Voltar", "Index", "Home", new { }, new { @class = "btn btn-danger" })
    </div>

    <br />

    <div class="row">
        
        <div class="col-md-6">
            <select class="form-control col-md-6" name="cbxNivelAcessoPesq" id="cbxNivelAcessoPesq" onchange=" return ConsultarAcesso();">
            </select>
            @*<button class="btn btn-primary">Pesquisar</button>*@
        </div>
        
    </div>

    <div class="col-md-13">
        <table data-url="data1.json" id="tblNivel" data-height="500" data-sort-name="name" data-sort-order="desc" class="table table-striped table-bordered">
            <thead>
                <tr>
                    <th data-field="id" data-align="center" data-sortable="true" style="display: none">ID Nível Acesso</th>
                    <th data-field="nivel" data-align="center" data-sortable="true">Nível Acesso</th>
                    <th data-field="name" data-align="center" data-sortable="true">Nome</th>
                    <th data-field="price" data-align="center" data-sortable="true">Usuário</th>
                </tr>
            </thead>

            <tbody id="nmUsuario"></tbody>
        </table>
    </div>

    </div>

@*<script type="text/javascript" src="jquery.js"></script>*@
@*<script type="text/javascript" src="CadastroAcesso.js"></script>*@

<script src="~/Scripts/CadastroAcesso/CadastroAcesso.js"></script>

Answer 3

Agora, como eu clico nessa <TD> e pego o valor da que está hide. Eu acho que deveria pegar o valor da <TR>, fazer um each e carregar apenas o valor da <TD> hide, mas estou apanhando nisso. Como percorrer a <TR> para pegar a <TD> que eu quero.

Answer 4

<ol>
    <li>
        <table id="tblTest">
            <tr>
                <td>A</td>
                <td>B</td>
                <td>C</td>
            </tr>
            <tr>
                <td>A2</td>
                <td>B2</td>
                <td>C2</td>
            </tr>
            <tr>
                <td>A3</td>
                <td>B3</td>
                <td>C3</td>
            </tr>
        </table>
    </li>
</ol>

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

<style type="text/css">
    table tbody tr:hover {
        background-color: orange;
        cursor: pointer;
    }
</style>
<script type="text/javascript">
    $(document).ready(function () {

        $("#tblTest tbody tr").click(function () {
            var campoA = "";
            $(this).find('td').each(function (i) {
                var test = $(this).text();
                alert(i);
                if (i == 0) {
                    campoA = test;
                }
                alert(test);
            });

            $.ajax({
                url: '/Home/TesActionResult',
                datatype: 'json',
                contentType: 'application/json;charset=utf-8',
                type: 'POST',
                data: JSON.stringify({ id : campoA }),
                success: function (data) {
                    alert(data.id);
                },
                error: function (error) {
                }
            });

        });
    });
</script>

O código acima funciona, pode tentar! Marque como resposta se foi útil.

Answer 5

Eu tenho uma <TD> hide. Ela não aparece. Quando eu der dois click em qualquer <TD>, é o valor dessa <TD> que deve ser enviado e não na <TD> que eu cliquei.

Answer 6

Assim resolvi:

$(this).parent().find(".idusuario").text()