javascript - 如何使用其类获得对自链接 anchor 标记的点击？

Question

我试图在点击 anchor 标签时获取 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>