如何使用其类获得自链接锚标记上的单击？

Question

当单击ID属性的锚标记时，我试图获取它的值。

<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);

            }
        });
});

我无法警告任何值，并且在控制台中它没有显示任何消息。

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

Answer 1

在jQuery 1.7中，不推荐使用.live()方法。使用.on()附加事件处理程序。还添加event.preventDefault()以防止默认行为或单击事件。

​

$(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

这是因为.live()在版本1.7中被废弃，在版本1.9中被删除。您应该使用.on()而不是.live()

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