Question

我想隐藏导航菜单中的主菜单项，仅在切换移动导航菜单时显示。有没有办法可以通过锚标题（home）选择li项目，并在切换时添加活动类，就像我对其他元素所做的那样？或者我可以用css做某事吗？我正在使用wordpress导航菜单，所以我无法添加特定的类。非常感谢。

    $(document).ready(function() {
    $('body').addClass('js');
    var $menu = $('#menu'),
    $logo = $('.logo'),
    $menulink = $('.menu-link');

    $menulink.click(function() {
    $menulink.toggleClass('active');
    $menu.toggleClass('active');
    $logo.toggleClass('active');
    return false;
    });
});

Answer 1

这将获得标题为“home”的锚点

$('a[title="home"]')

所以你会用

$('a[title="home"]').toggleClass('active');

有关此语法的更多信息，请参阅W3C selectors reference

Answer 2

你知道你可以只用css来定位一个标题的锚吗？

a[title^="Some title text"] { color: red; }

使用javascript进行定位 - ＆gt; related

var links = top.document.getElementsByTagName（＆＃39; a＆＃39;）; var result = []; var linkcount = links.length; for（var i = 0; i＆lt; linkcount; i ++）{ if（links [i] .getAttribute（＆＃39; title＆＃39;）===＆＃39;这里有一些标题文字＆＃39;）{ result.push（链接[I]）; }}

使用jQuery进行定位 - ＆gt;用户John Conde之前或Get element by title jQuery

回答

$（＆＃39; a [title =＆＃34;一些标题文字＆＃34;]＆＃39;）

另外，请尝试使用您的问题在网上搜索 - ＆gt; google for an example

Answer 3

$(document).ready(function() {
    $('body').addClass('js');
    var $menu = $('#menu'),
    $logo = $('.logo'),
    $menulink = $('.menu-link');
    $homelink = $('li[title*="home"]'); // remove the * if u have more with "*home*"

    $menulink.click(function() {
        $menulink.toggleClass('active');
        $menu.toggleClass('active');
        $logo.toggleClass('active');
        $homelink.toggleClass('active');
        return false;
    });
});

在javascript中通过其锚标题定位元素

3 个答案: