Javascript 突出显示菜单中具有href="#&引用；“中的选项”；a「；标签
我想使菜单，将过滤器的主页上的列表。 例如：Javascript 突出显示菜单中具有href="#&引用；“中的选项”；a「；标签,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想使菜单，将过滤器的主页上的列表。 例如： <div id="filters"> <a href="#" id="all">Все</a> <a href="#" id="top40">Топ-40</a> <a href="#" id="top20">Топ-20</a> <a href="#" id="top10">Топ-10</a> </di
<div id="filters">
<a href="#" id="all">Все</a>
<a href="#" id="top40">Топ-40</a>
<a href="#" id="top20">Топ-20</a>
<a href="#" id="top10">Топ-10</a>
</div>
谢谢你的建议 如何定义“活动”
- 如果你指的是你当前悬停的那一个，你可以通过
应用
规则#过滤：悬停 - 如果您指的是当前选定的页面，则只能手动执行此操作 通过向“活动”链接添加类名，或设置ID/类 （这样，您可以基于 “当前”页）
<script type="text/javascript">
function select (x)
{
var a = document.getElementById ("filters").getElementsByClassName ("active");
for (var i = 0; i < a.length; ++i)
a[i].className = "";
x.className = "active";
}
</script>
<a href="#" id="link1" onClick="select(this)">Foo</a>
<a href="#" id="link2" onClick="select(this)">Baz</a>
<a href="#" id="link3" onClick="select(this)">Bar</a>
功能选择（x）
{
var a=document.getElementById（“过滤器”）.getElementsByClassName（“活动”）；
对于（变量i=0；i- 如果你指的是你当前悬停的那一个，你可以通过
应用
规则#过滤：悬停 - 如果您指的是当前选定的页面，则只能手动执行此操作 通过向“活动”链接添加类名，或设置ID/类 （这样，您可以基于 “当前”页）
<script type="text/javascript">
function select (x)
{
var a = document.getElementById ("filters").getElementsByClassName ("active");
for (var i = 0; i < a.length; ++i)
a[i].className = "";
x.className = "active";
}
</script>
<a href="#" id="link1" onClick="select(this)">Foo</a>
<a href="#" id="link2" onClick="select(this)">Baz</a>
<a href="#" id="link3" onClick="select(this)">Bar</a>
功能选择（x）
{
var a=document.getElementById（“过滤器”）.getElementsByClassName（“活动”）；
对于（变量i=0；i下面是一个简单的例子。虽然它并不完美，但您可以通过：焦点状态在某种程度上实现这一点。
下面是一个简单的例子。虽然它并不完美，但你似乎并不清楚你到底想要实现什么。我似乎明白，您有一个菜单，可以更改页面上的内容，因此不会重新加载页面，对吗？但我仍然不清楚菜单是否过滤（显示更少或更多）内容，或者是否切换内容。在第二种情况下，对我来说似乎是一个简单的选择（但这也可以用更少的代码实现） 下面是一个用菜单过滤的内容演示： 我希望你能弄明白或者能提供更多的信息 更多灵感：
$（“#过滤器a”）。单击（函数（）{
$（此）.toggleClass（“活动”）；
});
$（“#过滤器a”）。单击（函数（）{
$（此）.toggleClass（“活动”）；
});
all#过滤器a.activebody.all#过滤器a.#allbody.top240#过滤器a.#top240allall.htmlall.htmlallonClickall#过滤器a.activebody.all#过滤器a.#allbody.top240#过滤器a.#top240all