将元素的id传递给ajax而不使用html中的onclick

Question

我有这样的HTML。

<ul>
   <li><a href="#" id="abc"></a></li>
   <li><a href="#" id="bca"></a></li>
   <li><a href="#" id="cab"></a></li>
   <li><a href="#" id="acb"></a></li></ul>

当用户点击特定链接时，其id应该传递给ajax脚本而不使用标记HTML中的onclick（）函数。可以使用相同的锚元素实现吗？ 提前谢谢。

Answer 1

使用jquery click 事件

  $("ul li a").click(function(e){
    e.preventDefault();
    var id = this.id;
// call your ajax code

    });

将事件处理程序绑定到＆＃34;单击＆＃34; JavaScript事件，或在元素上触发该事件。

Answer 2

$("ul li a").click(function(e){
var anchorid = $(this).attr('id');
alert(id);
e.preventDefault();
// call your ajax code

});

你将在anchorid变量中获得id。