Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

jgustavo99

Pegar Data ID da Classe clicada JS

Recommended Posts

Olá Galera do Fórum! Gostaria de capturar o ID "Data" da classe clicada, porém não utlizando o evento OnClick... Abaixo um exemplo:

$(".objeto").click(function() {
    // AQUI CAPTURAR O DATA-ID
});
<div class="objeto" data-id="22">Teste 1</div>
<div class="objeto" data-id="23">Teste 2</div>
<div class="objeto" data-id="24">Teste 3</div>
<div class="objeto" data-id="25">Teste 4</div>

Capturar apenas o data-id da classe clicada... Alguém poderia me ajudar? :)

Compartilhar este post


Link para o post
Compartilhar em outros sites

$(this).attr('data-id') // recupera o valor do atributo data-id

 

$(this).attr('data-id', valor) // atribui um valor ao valor do atributo data-id

Compartilhar este post


Link para o post
Compartilhar em outros sites
$(".objeto").click(function() {
    console.log($(this).data("id"));
});

Solução: $(this).data("id")

Se quiser em inteiro: parseInt($(this).data("id"));

 

;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

O modo especifico para acessar esse tipo de dados (custom data attributes) é acessando o atributo dataset do objeto

<div id="eg" data-idade="33">Teste 1</div>

var obj = document.getElementById('eg');
var idade= obj.dataset.idade; // idade= 33;

no seu caso funciona assim

$(".objeto").click(function() {
    alert($(this)[0].dataset.id)
});

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.