JQuery: So extrahieren Sie einen Anker von href

Question

Ich bin ziemlich neu in JQuery.

Ich möchte den Wert eines Ankers von einem href mit JQuery erhalten.

Wenn ich das folgende Beispiel hätte, wie könnte ich den Wert "5" von der href mit JQuery bekommen?

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

Vielen Dank im Voraus

-James

Answer 1

Verwenden Sie die folgenden Schritte aus:

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

Zuerst die href, und dann erhalten Sie das Teil nach dem ersten #:

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

Answer 4

Diese werden "Hash" genannt. Sagen Sie Ihren Link eine ID hatte, können Sie es wie diese bekommen konnte:

document.getElementById("link").hash; 

Dieses noch Sie das Zeichen „#“ geben würde, aber man kann es leicht ersetzen:

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

Viel Glück!

Answer 5

Nimm an, dass es kein '#' mehr geben wird.

<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> 

HTML-Tag wird

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

Answer 6

Diese Tags alle Anker bringen mit etwas verbunden href Wert

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

Answer 7

Wenn Sie die Zahlen gegeben werden wollen, dass die URL immer folgen die gleiche Struktur versuchen dies aus,

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

Answer 8

Wenn Sie dies an mehreren Stellen verwenden möchten oder wenn Sie nur einen saubereren Code wünschen, sollten Sie einen Blick auf diese URL parser werfen.

Nachdem Sie es installiert haben, verwenden Sie es wie folgt aus:

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