如何使用它的类点击自我链接的锚标签？

Question

I am trying to get the value of ID attribute of the anchor tag when it is clicked .

<a href="#" id="a'.$id.'" class="delete_assessor delete-row"><i class="fa fa-trash-o"></i></a>

<script type="text/javascript">
    $(document).ready(function(){

         $(".delete_assessor").live("click",function(){
            alert('delete');
            var id = $(this).attr("id");
            var trhandler = 'a'+id;


            if(confirm("Do you really want to delete this assessor ?")){
                ajax("delete_assessor",$(this).attr("id"),trhandler);

            }
        });
});

Am not able to alert any values and in console it is not showing any message

alert('delete');
console.log('clicked');

Answer 1

As of jQuery 1.7, the .live() method is deprecated. Use .on() to attach event handlers. Also add event.preventDefault() for preventing default behavior or click event.

 $(document).ready(function() { $(".delete_assessor").on("click", function(e) { e.preventDefault() alert('delete'); var id = $(this).attr("id"); var trhandler = 'a' + id; if (confirm("Do you really want to delete this assessor ?")) { ajax("delete_assessor", $(this).attr("id"), trhandler); } }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <a href="#" id="a'.$id.'" class="delete_assessor delete-row"><i class="fa fa-trash-o"></i>ggg</a> 

Answer 2

That is because .live() is deprecated in version 1.7 and removed in version 1.9. You should use .on() instead of .live()

$(".delete_assessor").on("click",function(){
   //rest code....
});