通过锚点标题在Javascript中定位一个元素

Question

我想从我的导航菜单中隐藏主页菜单项，并仅在移动导航菜单被切换时显示它。我能否通过锚标题（主页）选择li项目并在切换时添加active类，就像我对其他元素所做的那样？或者我可以用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;
    });
});

- ladygeekgeek

---

"Anchor title"? 你的HTML长什么样？ - Niet the Dark Absol

可能是重复的问题：在jQuery中查找所有具有特定属性值的元素 - Felix Kling

Answer 1

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

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

所以您将使用：

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

请参见W3C选择器参考文档，了解更多关于此语法的信息。

- John Conde

Answer 2

你知道你可以只用 CSS 来针对标题的锚点属性进行定位吗？

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

针对使用JavaScript的目标元素 --> 相关内容

var links = top.document.getElementsByTagName('a'); var result = []; var linkcount = links.length; for ( var i = 0; i < linkcount; i++) { if (links[i].getAttribute('title') === '这里是一些标题文本') { result.push(links[i]); } }

针对使用jQuery的目标元素 --> 用户John Conde之前回答过或者使用jQuery获取具有特定标题的元素

$('a[title="某个标题文本"]')

此外，可以在网络上搜索您的问题 --> 在Google上查找示例

- Milche Patern

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;
    });
});

- eapo