Skip to main content

Recuperar via jqueryJquery valor de atributo "data" personalizado

sou incianteSou iniciante em programação e estou com uma duvidadúvida sobre jqueryJquery (se eu estiver errado, por favor me corrija...rs).

tenhoTenho uma tela que gera várias div's dinamicamente com informações sobre clubes, e dentro de cada div tem um botão que ao clicar, tem que passar 3 parametrosparâmetros via jsonJSON ao controller que responde com true ou false a requisição.

oO fato é que não consigo de jeito nenhum pegar os parametrosparâmetros da div que foi clicada, tenho o seguinte código.

Obs. os parametrosOs parâmetros que necessito, coloquei em um atributo "data" dentro da tag TD.

agradeçoAgradeço a ajuda com isso, acredito que seja coisa simples, mas não estou conseguindo mesmo...rsrsrs

Recuperar via jquery valor de atributo "data" personalizado

sou inciante em programação e estou com uma duvida sobre jquery (se eu estiver errado, por favor me corrija...rs).

tenho uma tela que gera várias div's dinamicamente com informações sobre clubes, e dentro de cada div tem um botão que ao clicar, tem que passar 3 parametros via json ao controller que responde com true ou false a requisição.

o fato é que não consigo de jeito nenhum pegar os parametros da div que foi clicada, tenho o seguinte código.

Obs. os parametros que necessito, coloquei em um atributo "data" dentro da tag TD.

agradeço a ajuda com isso, acredito que seja coisa simples, mas não estou conseguindo mesmo...rsrsrs

Recuperar via Jquery valor de atributo "data" personalizado

Sou iniciante em programação e estou com uma dúvida sobre Jquery (se eu estiver errado, por favor me corrija...rs).

Tenho uma tela que gera várias div's dinamicamente com informações sobre clubes, e dentro de cada div tem um botão que ao clicar, tem que passar 3 parâmetros via JSON ao controller que responde com true ou false a requisição.

O fato é que não consigo de jeito nenhum pegar os parâmetros da div que foi clicada, tenho o seguinte código.

Obs. Os parâmetros que necessito, coloquei em um atributo "data" dentro da tag TD.

Agradeço a ajuda com isso, acredito que seja coisa simples, mas não estou conseguindo mesmo...rsrsrs

Fonte Link

Recuperar via jquery valor de atributo "data" personalizado

sou inciante em programação e estou com uma duvida sobre jquery (se eu estiver errado, por favor me corrija...rs).

tenho uma tela que gera várias div's dinamicamente com informações sobre clubes, e dentro de cada div tem um botão que ao clicar, tem que passar 3 parametros via json ao controller que responde com true ou false a requisição.

o fato é que não consigo de jeito nenhum pegar os parametros da div que foi clicada, tenho o seguinte código.

Obs. os parametros que necessito, coloquei em um atributo "data" dentro da tag TD.

agradeço a ajuda com isso, acredito que seja coisa simples, mas não estou conseguindo mesmo...rsrsrs

< script >
  $(function() {
    $('.ok').click(function(e) {
      e.preventDefault;
      var IP_Clube = $(this).closest('tr').find('td[data-ip]').data('ip');
      var Alias_Clube = $(this).closest('tr').find('td[data-alias]').data('alias');
      var Cod_Clube = $(this).closest('tr').find('td[data-codigo]').data('codigo');
      $('#divCarregando').modal({
        show: true
      });
      $.ajax({
        url: "/ClubeSlim/Index2",
        contetType: "application/json",
        data: {
          'IP_Clube': IP_Clube,
          'alias_clube': Alias_Clube,
          'cod_clube': Cod_Clube
        },
        type: "POST",
        dataType: "json",
        success: function(json) {
          if (json.ind_statusconexao == true) {
            $('#divCarregando').modal('hide');
            alert('Base do clube ' + Alias_Clube + ' verificado com sucesso!');
            window.location.reload();
          } else {
            $('#divCarregando').modal('hide');
            alert('A conexão com o Clube ' + Alias_Clube + ' FALHOU!');
            window.location.reload();
          }
        }
      });
    });
  }); < /script>
<div class="row">
  @foreach (var item in ViewBag.Clubes)
{
  <div class="col-md-3 col-sm-3">
    <div class="panel panel-success">
      <div class="panel-heading">
        <h4 style="text-align:center">@item.nom_clube</h4>
      </div>
      <div class="panel-body">
        <table>
          <tr>
            <td data-codigo="@item.cod_clube">
              <p class="text-muted">Código do Clube: <span class="text-success">@item.cod_clube</span>
              </p>
            </td>
          </tr>
          <tr>
            <td>
              <p class="text-muted">Empreendimento: <span class="text-success"> @item.nom_empr </span>
              </p>
            </td>
          </tr>
          <tr>
            <td>
              <p class="text-muted">Capacidade: <span class="text-success"> @item.num_capacidade </span>
              </p>
            </td>
          </tr>
          <tr>
            <td data-ip="@item.ip_clube">
              <p class="text-muted">IP: <span class="text-success"> @item.ip_clube </span>
              </p>
            </td>
          </tr>
          <tr>
            <td data-alias="@item.alias_clube">
              <p class="text-muted">Alias: <span class="text-success"> @item.alias_clube </span>
              </p>
            </td>
          </tr>
          <tr>
            <td>
              <p class="text-muted">Última Atualização: <span class="text-success"> @item.dat_atual </span>
              </p>
            </td>
          </tr>
        </table>
        <button class="btn btn-outline btn-success btn-block ok">Verificar Conexão</button>
      </div>
      <div class="panel-footer">
        <span class="text-info">Última Verificação em : @item.dat_ult_verificacao</span>
      </div>
    </div>
  </div>
}
</div>