Javascript 选择具有特定类的锚元素

我想用javascript选择启用菜单的锚点，这是一个小图像，当我单击它时，它应该更改背景类以突出显示菜单。 change类起作用了，我尝试了document.onclick，它也起作用了，但是当我尝试启用特定包装器>导航>a.menu时，它没有选择它。 我试过：

var menu = document.getElementById('nav'); 
var anchor = menu.getElementsByTagName('a');

能够点击每一个链接只是为了测试，但它没有工作

我试过：

var anchor = menu.getElementsByClassName('menu-enabled');

然后

anchor.onclick...` but still no result :(

尝试使用jquery

$（“a.menu-enabled”）.onclick=function（）

但仍然没有结果

当前设置为单击文档上的任意位置，直到完成为止

    <script>
    document.onclick = function() {
    $(".overlay").toggleClass("overlay-show");
    } 
    </script>


<div id="wrapper">
        <div class="logo">
                <a href="index.html">Tro</a>
            </div>
        <nav id="nav" class="menu-icon">
                <a class="menu-enabled">&nbsp;</a>
                <a class="link-enabled" target="_blank">&nbsp;</a>
                <a class="prev-disabled">&nbsp;</a>
                <a class="next-disabled">&nbsp;</a>
                <a class="back-disabled">&nbsp;</a>
            </nav>
            <div class="overlay">
        <nav class="meniu">
                <a href="#1">Link 1</a>
                <a href="#2">Link 2</a>
                <a href="#3">Link 3/a>
                <a href="#4">Link 4</a>
            </nav>

---

jQuery版本如下所示：

$(document).ready(function(){
    $('a.menu-enabled').click(function(e){
        // Do something
    });
});

而不是

$（“a.menu-enabled”）。onclick=function（）

编辑：

更新了您的JSFIDLE，它可以正常工作：

试试看

$(document).ready(function(){
    $(document).on('click', 'a.menu-enabled', function(e){
        // Do something
    });
});

---

请创作小提琴……？请仔细阅读，然后；了解差异。然后再试一次，看看是否可以让它工作。尝试确保不仅链接的z索引，而且其祖先的z索引高于任何兄弟姐妹。您可以在链接中选择文本吗？控制台中是否有javascript错误？它可能与css相关，但似乎不太可能，因为选择文本证明点击甚至会命中该元素。好了，现在可以了，必须清除缓存并添加一些z索引行。泰尔