JQuery: Cách trích xuất một neo từ href

Question

Tôi khá mới với JQuery.

Tôi muốn nhận giá trị của một neo từ href với JQuery.

Nếu tôi có ví dụ sau, làm cách nào tôi có thể nhận được giá trị "5" từ href bằng JQuery?

<a href="user/showUsers#5">User 5</a> 

Cảm ơn trước

-James

Answer 1

Sử dụng như sau:

var id = $('a').attr('href').split('#'); 
id = id[id.length - 1]; 

Answer 2

var id = $(this).attr("href").split("#"); 
id = id[id.length - 1]; 

Answer 3

Trước tiên, bạn nhận được href, và sau đó bạn sẽ có được một phần sau khi đầu tiên#:

var href = $("selector_for_the_link").attr('href'), 
    index = href.indexOf('#'), 
    anchor = href.substring(index + 1); 

Answer 4

Đây được gọi là "Hash". Nói liên kết của bạn đã có một id, bạn có thể nhận nó như thế này:

document.getElementById("link").hash; 

này vẫn sẽ cung cấp cho bạn "#", nhưng bạn có thể dễ dàng thay thế nó:

document.getElementById("link").hash.replace("#",""); 

Chúc may mắn!

Answer 5

Giả sử rằng sẽ không có sự xuất hiện '#' nữa.

<script type="text/javascript" language="javascript"> 
function GetAnchorValue(CurrCtrl) 
{ 
    var hrefText = $(CurrCtrl).attr("href"); 
    var RequiredValue; 
    if(hrefText.indexOf("#") != -1) 
    { 
     RequiredValue = hrefText.split("#")[1]; 
    } 
} 
</script> 

thẻ html sẽ

<a href="user/showUsers#5" onclick="return GetAnchorValue(this);">Test Anchor</a> 

Answer 6

này sẽ mang lại tất cả các thẻ neo với một số giá trị href liên kết

$('a[href*="#"]').each(function(){ 
     if(this.href.split('#').length>1 && this.href.split('#')[1] != ""){             
      console.log(this.href.split('#')[1]); 
     } 
}); 

Answer 7

Nếu bạn muốn để có được những con số cho rằng các URL luôn luôn làm theo cùng một cấu trúc, hãy thử cách này,

$(document).ready(function() 
{ 
    var number = $("a").attr("href").match(/#([0-9]+)/)[1]; 
    alert(number); 
}); 

Answer 8

Nếu bạn định sử dụng điều này ở một số nơi hoặc nếu bạn chỉ muốn một mã sạch hơn, tôi khuyên bạn hãy xem điều này URL parser.

Sau khi bạn đã cài đặt nó, bạn chỉ cần sử dụng nó như thế này:

var anchor = $.url('http://yoursite.com/user/showUsers#5').attr('anchor');