Botão de like jQuery

Experimenta assim:

$(document).ready(function() {
 $('button[name="id"]').click(function() {
 var valId = $(this).data('id');
 var token = $(this).attr('id');
 $(this).next(".quantLikes").html(parseInt($(this).next(".quantLikes").html()) + 1);
 //alert(token);
 });
});

	 

	[Exemplo](https://jsfiddle.net/w2rLnyvq/1/).

Não entendi o que você quer fazer mas você pode pegar o que quiser do elemento e atribuir a uma variável.

$( 'button[name="id"]' ).click(function(){
  event.preventDefault();
  var id_e = $(this).attr('id');
  var class_e = $(this).attr('class');
  var name_e = $(this).attr('name');
  var data_id_e = $(this).data('id');
  var uk_icon_e = $(this).attr('uk-icon');
  console.log("ID:"+id_e+", Class:"+class_e+", Name:"+name_e+", Data-id:"+data_id_e+", Uk-icon:"+uk_icon_e);
});

	 

	O exemplo acima clicando em cada um dos botões vai exibir o seguinte resultado no console:

ID:bolo, Class:heart, Name:id, Data-id:49, Uk-icon:icon: heart
ID:carne, Class:heart, Name:id, Data-id:50, Uk-icon:icon: heart
ID:laranja, Class:heart, Name:id, Data-id:51, Uk-icon:icon: heart

>

2 horas atrás, wootzor disse:

Experimenta assim:

$(document).ready(function() {
 $('button[name="id"]').click(function() {
 var valId = $(this).data('id');
 var token = $(this).attr('id');
 $(this).next(".quantLikes").html(parseInt($(this).next(".quantLikes").html()) + 1);
 //alert(token);
 });
});

  

 [Exemplo](https://jsfiddle.net/w2rLnyvq/1/).

	 

	Sinceramente o teu exemplo foi o caminho para a solução... Agradeço muito mesmo pela ajuda e continue ajudando o pessoal novato como eu HAHAHA!

	 

	Solução:

<div class="post">
 <form method="post">
 <?php
 $readHeart = read('likes',"WHERE userId='$user[id]' AND postId='$post[id]'");
 if($readHeart){
 $hc = 'redHeart';
 } else {
 $hc = '';
 }
 ?>
 <button id="<?= base64_encode($user['id'].'&'.$post['id']); ?>" class="heart <?= $hc; ?>" name="id" data-id="<?= $post['id']; ?>" uk-icon="icon: heart"></button>
 </form>
</div>

	E o jQuery usado na comunicação:

	$('button[name="id"]').click(function() {
 var valId = $(this).data('id');
 var token = $(this).attr('id');
 $(this).prop('disabled',true);
 $.ajax({
 url: ' caminho da funcionalidade ',
 data : {
 action : "likes",
 id : valId,
 token : token
 },
 type: 'POST',
 success : (response) => {
 var str = response;
 var n = str.split('|');
 if(n[1]=='add'){
 $(".heart").addClass("redHeart");
 $('#'+valId).html(n[0]);
 } else {
 $(".heart").removeClass("redHeart");
 $('#'+valId).html(n[0]);
 }
 $(this).prop('disabled',false);
 },
 error : () => {
 $(this).prop('disabled',false);
 }
 });
 return false;
	});