将onclick事件添加到超链接

时间:2013-08-19 07:26:54

标签: 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解决方案,但我的HTML内容是在RUNTIME生成的。无论我在document.ready中写什么,似乎根本没有用。

6 个答案:

答案 0 :(得分:2)

试试这个

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

FIDDLE

答案 1 :(得分:1)

试试这个

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

答案 2 :(得分:0)

Jquery与工作jsbin - http://jsbin.com/azOSayA/1/edit

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

答案 3 :(得分:0)

使用

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

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

如果链接非常重要,您应该给它一个id,以便可以唯一地识别它。

答案 4 :(得分:0)

试试这个,

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

答案 5 :(得分:0)

http://jsfiddle.net/Nyrsu/

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