如何从标签中的href部分中的hash＃之后提取文本？

Question

我有以下标签：

<a href="#tab1">Any tab1 Label</a>
<a href="#tab2">tab2 Label</a>
<a href="#tab3">Any tab3 Label</a>
<script>
function tellMyName()
{
    alert(this.href);
}

</script>

现在我想将tellMyName函数绑定到所有标签，如果单击任何tab1标签，则 tab1 ， tab2 如果<单击strong> tab2标签，依此类推......

Answer 1

function tellMyName() {
  alert(this.hash.substr(1));
}

$('a').click(tellMyName);

Answer 2

function tellMyName() {
    var str = this.href.split("#")[1];
    alert(str);
}

并非所有时间只有哈希部分会显示在链接上。有时主机会添加到href。通过将href与hash（＃）分开并获得拆分字符串的第二部分，您将得到您想要的结果。

Answer 3

你可以做这样的事情

var fragment = $('a#my-link')[0].hash.substr(1);

Check it out.

Answer 4

function tellMyName() {
  alert(this.hash.replace('#',''));
}

$('a').click(tellMyName);

crazy fiddle

Answer 5

function tellMyName() {
    var str = this.prop("hash").substr(1)
    alert(str);
}

this.prop("hash") will return the hash value i.e #tab1

Answer 6

<script>
function tellMyName()
{
    var text = this.href;
    text = text.replace("#","");
    alert(text);
}

</script>

Answer 7

试试这个 -

<a href="#tab1">Any tab1 Label</a>
<a href="#tab2">tab2 Label</a>
<a href="#tab3">Any tab3 Label</a>

<script type="text/javascript">
$('a').click(function(){
alert(this.hash.split('#')[1]); //This will alert # part in clicked anchor tag
});
</script>

Answer 8

您可以使用以下内容：

...
var activeTab = $(this).attr("href");
$(activeTab).fadeIn();
...

这使用href =“＃tab-id”来找到你想要的＃tab-id元素，然后淡入。