Javascript 如何在锚定标记的href属性中移除

我正在制作一个选项卡，其概念是当一个人单击选项卡菜单时，jquery将检查锚定标记选项卡菜单的href属性，并将其删除，并保留该属性href的其余属性内容。比如说

<a href="#home" class="tabmenu">Tab 1</a><a href="#inventory" class="tabmenu>Tab 2</a>
<div id="home" class="tab">content of tab 1 here</div>
<div id="inventory" class="tab">content of tab 2 here</div>

---

任何帮助都将不胜感激。谢谢大家!

不确定您为什么要更改href属性，这对于您正在做的事情来说甚至都不是必需的，但可能您需要它来做其他事情，所以现在您可以：

$document.readyfunction{ $'.tabmenu'。单击函数{ //获取锚定标记attr var href=$this.attr'href'； //删除此锚定标记href属性内的内容，其余内容将放入变量中 如果href[0]=={ this.attr'href'=href.substring1； } //首先隐藏所有选项卡内容 $'.tab'。隐藏； //获取存储的变量，然后显示与该存储变量匹配的选项卡内容，例如home或inventory。 $href.show； }; };

---

请注意，由于我们更改了href属性，因此此代码对每个链接只起一次作用。如果需要，我可以修改它以使用更改的属性。

如果希望在用户单击选项卡时仅显示匹配的内容，可以使用以下代码：

$(document).ready(function(){    
    $('.tabmenu').click(function(){
        //hide all:
        $(".tab").hide();
        //show clicked tab:
        $("#" + $(this).attr('href').substring(1)).show();
    });
});

工作小提琴：

可能重复的

$(document).ready(function(){    
    $('.tabmenu').click(function(){
        //hide all:
        $(".tab").hide();
        //show clicked tab:
        $("#" + $(this).attr('href').substring(1)).show();
    });
});