如何獲得具有相同類的鏈接的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屬性

回答

相關問題