Jquery function click on dynamic PHP links

Question

I’m trying to create a script so when the person click Like she will like the post, and when you click Excuse, will forgive the post, obvious, I managed to do this successfully, but I had to do this by putting the jquery script in PHP, making each result, a new script was created, it would be too big. I wanted to leave only 1 code, as I do to get the IDS there in the case of dynamic results?

Let me explain briefly, why it got a little confused, I want to instead of having to put this javascript in the dynamic select, put only 1 code for all.

JQUERY

    $(document).ready(function(){
    // like and unlike click
    $("#like<?php echo $row['idd']; ?>, #unlike<?php echo $row['idd']; ?>").click(function(){

         var iconCarregando = $('<img src="loading.gif" width="70"> arregando. Por favor aguarde...');

                $('#statuslike<?php echo $row['idd']; ?>').html(iconCarregando);

            $.ajax({
        type: "GET",
        url: 'acoes.php?like=1&id=<?php echo $row['idd']; ?>',
        success: function(data){
      $(iconCarregando).remove();
    } });
    });
});

HTML

(the code is half, why can’t I put the full code)

a href="javascript:void(0);" id="like'.$msg_id.'" title="Like" rel="Like"><i class="fa fa-hand-peace-o margin-r-5"></i> Aplaudir

Answer 1

You do not need to call the click event by button ID. You can give a common class to everyone (e.g.. curtir) and capture all clicks there. After captured you use $(this) to identify which button was clicked. If you don’t have the ID information in another attribute, just break the ID by the known part. Ex.:

$(document).ready(function(){
    // like and unlike click
    $(".curtir").click(function(){ // captura todos os cliques de curtir

         var iconCarregando = $('<img src="loading.gif" width="70"> arregando. Por favor aguarde...');

        var ID = $(this).attr('id').split('like')[1]; // pega o ID e retira a parte "like"

                $('#statuslike'+ID).html(iconCarregando);

            $.ajax({
        type: "GET",
        url: 'acoes.php?like=1&id='+ID,
        success: function(data){
      $(iconCarregando).remove();
    } });
    });
});

Answer 2

If the element was created dynamically use on of jQuery in the BODY element instead of direct click and of course insert this id in the element containing the clickable class ex:

<div>
   <span id="id-do-botao-curtir" class="classe_clicavel">curtir</span>
</div>

$(body).on('click', '.classe_clicavel', function(){

    var id = $(this).attr('id');

    // ex de teste ou sua lógica
    alert(id);
});