Javascript 将onclick事件添加到超链接

Javascript 将onclick事件添加到超链接,javascript,jquery,dom,javascript-events,Javascript,Jquery,Dom,Javascript Events,我有一个字符串,在代码隐藏链接中包含我的html内容,如下所示 <p><a href=\"http://www.google.com\">rrr</a></p>" ” 1.我需要将onclick事件添加到此链接 2.需要获取href值 我没有链接的id或类,因此无法使用Javascript直接访问它。我是Jquery的新手。有点困在这里。我如何才能做到这一点 我试图通过阻止默认功能来使用Javascript onclick解决方案,但我的HTM

我有一个字符串,在代码隐藏链接中包含我的html内容,如下所示

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

1.我需要将onclick事件添加到此链接

2.需要获取href值

我没有链接的id或类,因此无法使用Javascript直接访问它。我是Jquery的新手。有点困在这里。我如何才能做到这一点


我试图通过阻止默认功能来使用Javascript onclick解决方案,但我的HTML内容是在运行时生成的。因此,我在document.ready中编写的任何内容似乎都不起作用。

Jquery with working jsbin-


使用工作jsbin的Jquery-

使用

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

如果链接真的很重要,你可能应该给它一个id,这样它就可以被唯一地识别。

使用

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

如果链接真的很重要,你可能应该给它一个id,这样它就可以被唯一地识别。

试试这个

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

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

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

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

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

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


你必须提供更多的html,但是如果你想获得第一个href,请使用
jQuery('pa:first')
或最后一个
jQuery('pa:last')
你必须提供更多的html,但是如果你想获得第一个href,请使用
jQuery('pa:first')
或最后一个
jQuery('pa:last'))
在您的jsbin上,记录的值是a标记中包含的html,而不是href属性。这与属性中的反斜杠有关系吗?@lapiduce:感谢您注意到我。我已更新了bin
$('a')。attr('href');
不会给您
当前锚标记href
,您应该使用
$(this)。attr('href');
此处。在您的jsbin上,记录的值是a标记中包含的html,而不是href属性。这与属性中的反斜杠有关吗?@lapiduce:感谢您注意到我。我已更新了bin
$('a')。attr('href'));
不会给你当前的锚定标记href,你应该在这里使用
$(this.attr('href');