6

我对 JQuery 很陌生。

我想从带有 JQuery 的 href 中获取锚点的值。

如果我有以下示例，我如何使用 JQuery 从 href 中获取值“5”？

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

提前致谢

-詹姆士

4

8 回答 8

2

使用以下内容：

var id = $('a').attr('href').split('#');
id = id[id.length - 1];
于 2012-12-12T08:27:36.947 回答
1

这些被称为“哈希”。假设你的链接有一个 id，你可以像这样得到它：

document.getElementById("link").hash;

这仍然会给您“#”，但您可以轻松替换它：

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

祝你好运！

于 2012-12-12T08:32:09.417 回答
1

如果你想得到数字，因为 URL 总是遵循相同的结构，试试这个，

$(document).ready(function() 
{
    var number = $("a").attr("href").match(/#([0-9]+)/)[1];
    alert(number);
});
于 2012-12-12T08:44:26.547 回答
0

首先你得到href，然后你得到第一个之后的部分 #：

var href = $("selector_for_the_link").attr('href'),
    index = href.indexOf('#'),
    anchor = href.substring(index + 1);
于 2012-12-12T08:28:40.033 回答
0

这将为所有锚标签带来一些链接的 href 值

$('a[href*="#"]').each(function(){
       if(this.href.split('#').length>1 && this.href.split('#')[1] != ""){                                                
           console.log(this.href.split('#')[1]);
       }
});
于 2012-12-12T08:43:11.287 回答
0

如果您打算在多个地方使用它，或者您只是想要更简洁的代码，我建议您看看这个URL parser。

安装后，您只需像这样使用它：

var anchor = $.url('http://yoursite.com/user/showUsers#5').attr('anchor');
于 2012-12-12T08:47:48.627 回答
-1 
 var id =  $(this).attr("href").split("#");
id = id[id.length - 1];
于 2012-12-12T08:28:02.840 回答
-1

假设不会再出现“#”。

<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标签将是

<a href="user/showUsers#5" onclick="return GetAnchorValue(this);">Test Anchor</a>
于 2012-12-12T08:34:25.550 回答