如何获得具有相同类的链接的href属性

我是jquery的新手。我有这样的链接..如何获得具有相同类的链接的href属性

<div>title 1<a href="/delete/1" class="del">Delete</a></div> 
<div>title 2<a href="/delete/2" class="del">Delete</a></div>

jQuery的

$(".del").click(function() { 
    alert($(this).attr('href')); 
    event.preventDefault(); 
    });

我试图让href属性。但它说Object对象。我想弄清楚我做错了什么。我如何解决这个问题。

我很感激任何帮助。

来源

2012-11-28 Josh Randall

虽然你有'preventDefault（）'调用错误，你的代码应该可以工作。 – VisioN

@RubensMariuzzo这没有多大意义。 – VisioN

我没有得到对象对象..check这里http://jsfiddle.net/GNYP4/ .. –

也许试试这个：

alert($(this).prop('href'));

来源

2012-11-28 14:21:34 netdjw

使用

alert($(this).prop('href'));

来源

2012-11-28 14:23:28

我编辑您的javascript：

$(".del").click(function (event) { 
    event.preventDefault(); 
    alert($(this).attr('href')); 
    });

来源

2012-11-28 14:24:08 Bruno

眼看意见和建议的答案我试图用一个隔离您的问题这样的HTML页面：

<html> 
<head> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script> 
<script type="text/javascript"> 
$(function(){ 
    $('.del').click(function (event) { 
     event.preventDefault(); 
     alert($(this).attr('href')); 
    }); 
}); 
</script> 
</head> 
<body> 
<div>title 1<a href="/delete/1" class="del">Delete</a></div> 
<div>title 2<a href="/delete/2" class="del">Delete</a></div> 
</body> 
</html>

测试此代码时工作得很好。我还将.prop()与.attr()进行了比较，以了解人们为什么提出这个答案。仔细记下这两个文件，因为与另一个交换一个并不是真正解决这个问题的问题。问题作者需要提供更具体的测试用例，以便发生错误，以便我们能够提供确凿的答案。

来源

2012-11-28 14:37:41 IvanL

如何获得具有相同类的链接的href属性

回答

相关问题