How to get the php dynamic id from the jquery click function

Question

Not getting alert on the anchor click why this happening .

<td id="hovercolor">
    <a class="tt" style="text-decoration:
none;color: black;" href="javascript:void(0);" id="<?php echo
$data->id; ?>"></a>
    <?php echo $data->title; ?>
</td>

Script I am using to get the alert is :

<script type="text/javascript">
    $('#new1').click(function() {
        alert('ok');
    });
</script>

Answer 1

First wrap you code in a document ready statement,second you may want to use a class if you have multiple items

<script type="text/javascript">
    $(function(){
          $('.tt').click(function() {
              alert('ok');
          });
     })

   </script>

Answer 2

Assuming that your ID is correct, you may use .on() to select those elements that are dynamically created. And since the ID are dynamic, you need to created a unique class for the links and use it instead

$('table').on('click', '.unique_link_class', function() {
    alert('ok');
});

Answer 3

You should change two things in your code snippet:

1) I believe $data->id will print an integer values, so I would suggest to use class instead, which is class="tt"

2) second change will be, you should put this function inside document.ready jquery function. So the updated jquery code should be,

$(document).ready(function(){
    $('.tt').on('click',function(){    //  Notice that I have used `on` here
        alert();
    });
});

Answer 4

use class name instead of id . Your id may be integer.

 <script type="text/javascript">
            $('.tt').click(function() {
                alert('ok');
            });
 </script>