私はJQueryを初めて使用します。
JQuery を使用して、href からアンカーの値を取得したいと考えています。
次の例がある場合、JQuery を使用して href から値「5」を取得するにはどうすればよいですか?
<a href="user/showUsers#5">User 5</a>
前もって感謝します
-ジェームズ
私はJQueryを初めて使用します。
JQuery を使用して、href からアンカーの値を取得したいと考えています。
次の例がある場合、JQuery を使用して href から値「5」を取得するにはどうすればよいですか?
<a href="user/showUsers#5">User 5</a>
前もって感謝します
-ジェームズ
以下を使用します。
var id = $('a').attr('href').split('#');
id = id[id.length - 1];
これらは「ハッシュ」と呼ばれます。リンクにIDがあるとすると、次のように取得できます。
document.getElementById("link").hash;
これでも「#」が表示されますが、簡単に置き換えることができます。
document.getElementById("link").hash.replace("#","");
幸運を!
URL が常に同じ構造に従っている場合に数値を取得したい場合は、これを試してください。
$(document).ready(function()
{
var number = $("a").attr("href").match(/#([0-9]+)/)[1];
alert(number);
});
最初に を取得し、次に最初href
の の後の部分を取得します。 #
var href = $("selector_for_the_link").attr('href'),
index = href.indexOf('#'),
anchor = href.substring(index + 1);
これにより、リンクされた href 値を持つすべてのアンカー タグが表示されます。
$('a[href*="#"]').each(function(){
if(this.href.split('#').length>1 && this.href.split('#')[1] != ""){
console.log(this.href.split('#')[1]);
}
});
これをいくつかの場所で使用する場合、またはよりクリーンなコードが必要な場合は、このURL パーサーを参照することをお勧めします。
インストールしたら、次のように使用します。
var anchor = $.url('http://yoursite.com/user/showUsers#5').attr('anchor');
var id = $(this).attr("href").split("#");
id = id[id.length - 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>