3

我想从我的导航菜单中隐藏主菜单项，并且仅在切换移动导航菜单时显示它。有没有一种方法可以通过锚标题（主页）选择 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;
    });
});
4

3 回答 3

6

这将获得标题为“家”的主播

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

所以你会使用

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

有关此语法的更多信息，请参阅W3C 选择器参考

于 2013-06-04T21:42:04.583 回答
1

您知道您可以仅使用 css 定位标题属性的锚点吗？

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

用于使用 javascript 进行定位 -->相关

var links = top.document.getElementsByTagName('a'); 变种结果 = []; var 链接计数 = 链接长度；for ( var i = 0; i < linkcount; i++) { if (links[i].getAttribute('title') === 'some title text here') { result.push(links[i]); } }

使用 jQuery 进行定位 --> 用户 John Conde 之前回答或按 jQuery 标题获取元素

$('a[title="一些标题文本"]')

另外，请尝试在网上搜索您的问题-> google 以获取示例

于 2013-06-04T22:01:51.470 回答
0 
$(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;
    });
});
于 2013-06-04T22:11:54.320 回答