獲取HRE財產

Question

<a class="some" id="1" href="/s/1/2">link 1</a> 
<a class="some" id="2" href="/s/2/3">link 1</a> 

<script> 
$(document).ready(function() { 
    $('.some').click(function() { 
     var id = this.id; 
     var link = $(this).css('href'); 
     alert(id); 
     alert(link); 
     return false; 
    }); 
}); 
</script> 

當我點擊鏈接時，我得到正確的ID，但「未定義」鏈接。有什麼問題，我該如何解決它？

Answer 1

變化

var link = $(this).css('href'); 

到

var link = $(this).attr('href'); 

.css()用於獲取/設置CSS屬性，.attr()用於獲取/設置元素的屬性。

Answer 2

您需要訪問的元素屬性，而不是CSS屬性:-)

var link = $(this).attr('href'); 

Answer 3

使用attr()：

var link = $(this).attr('href'); 

或者乾脆：

var link = this.href; 

您的代碼應該是這樣的：

$(document).ready(function() { 
    $('.some').click(function() { 
     var id = this.id; 
     var link = this.href; 
     alert(id); 
     alert(link); 
     return false; 
    }); 
});