Система лайков на PHP и Ajax

30 сентября 2021, 11:00

Лайки выполняются на странице с определенным id. Но на общей странице блоки лайков не работают. id="like" должны быть классами, но не работает.

$("#like").bind("click", function(event) { 
  $.ajax({ 
    url: "", 
    type: "POST", 
    data: ("id=" + $("#like").attr("data-id")), 
    dataType: "text", 
    success: function(result) { 
      if (result) { 
        $("#like").text(Number($("#like").text()) + 1); 
      } else alert("Error"); 
    } 
  }); 
});

#like { 
  width: 30px; 
  height: 30px; 
  border: 1px solid red; 
  margin: 20px; 
}

<?php 
	$id = 1; // ID статьи выбирается из db 
	if($_POST["id"]) echo $votes += 1; //увеличиваем количество лайков на 1 в блоке.  
?> 
   
  <div id="like" data-id="<?=$id?>"> 
    <?=$votes?> 
  </div>

	.like{ 
	width:30px; 
	height:30px; 
	border:1px solid red; 
	margin:20px; 
	}

Хотелось бы так на одной странице 
<div class="like" data-id="<?=$id?>"> 
  <?=$votes?> 
</div> 
<div class="like" data-id="<?=$id?>"> 
  <?=$votes?> 
</div> 
<div class="like" data-id="<?=$id?>"> 
  <?=$votes?> 
</div>

Answer 1

Для страницы со всеми лайками надо и менять всё у эл-та на котором ивент сработал

$(".like").bind("click", function(event) {
  $.ajax({
    url: "",
    type: "POST",
    data: ("id=" + event.target.dataset.id),
    dataType: "text",
    success: function(result) {
      if (result) {
        $(event.target).text(Number($(event.target).text()) + 1);
      } else alert("Error");
    }
  });
});