javascript - 将 onclick 事件添加到超链接

Question

我在这样的链接后面的代码中有一个包含我的html内容的字符串

<p><a href=\"http://www.google.com\">rrr</a></p>"

1.我需要给这个链接添加一个onclick事件。

2.需要获取href值。

我没有链接的 id 或类，因此无法使用 Javascript 直接访问它。我是 Jquery 的新手。有点卡在这里。我怎样才能做到这一点？

我尝试通过阻止默认功能来使用 Javascript onclick 解决方案，但我的 HTML 内容是在运行时生成的。所以无论我在 document.ready 中写什么似乎都不起作用。

score 2 · Accepted Answer

2

尝试这个

$('p a').click(function(){
    alert($(this).prop('href'));
});

于 2013-08-19T07:32:48.670 回答

score 1 · Accepted Answer

尝试这个

$("p a").click(function(e){
   e.preventDefault();
   var link = $(this).attr('href');
});

score 0 · Accepted Answer

带有工作 jsbin 的 Jquery - http://jsbin.com/azOSayA/1/edit

$("a").click(function(e){
 var a_href = $(this).attr('href');
  e.preventDefault();
 });

score 0 · Accepted Answer

利用

 $("p a").click(
      function(e) {
           e.preventDefault();
           $(this).attr("href"); //do something with this
      }
 );

这将为页面中作为段落子项的每个链接添加一个 onclick 侦听器。

如果链接真的很重要，您可能应该给它一个 id，以便可以唯一地识别它。

score 0 · Accepted Answer

尝试这个，

$("p a").on('click',function(e){
   e.preventDefault();
   var link = $(this).attr('href');
   alert(link);
});

score 0 · Accepted Answer

$(document).ready(function(){
   $("p").find("a").click(function(e){
    e.preventDefault();
    var href= $(this).prop("href");
  });
});

6 回答 6