Question

我是网络开发的新手。

我想在.active点击<li>时添加<li>，并将其从之前的<li>中删除。我还想知道如何确定点击了哪个<ul> <li><a class="active" href="#home">Home</a></li> <li><a href="#news">News</a></li> <li><a href="#contact">Contact</a></li> <li><a href="#about">About</a></li> </ul>。

<li>

我在页面菜单上有多个。我想要一个函数，当用户点击<li>时，该函数返回{{1}}个对象。

提前致谢。

Answer 1

这是一个工作小提琴：http://jsfiddle.net/rn3nc/1/

   var selector, elems, makeActive;

    selector = '.nav li';

    elems = document.querySelectorAll(selector);

    makeActive = function () {
        for (var i = 0; i < elems.length; i++)
            elems[i].classList.remove('active');

        this.classList.add('active');
    };

    for (var i = 0; i < elems.length; i++)
        elems[i].addEventListener('mousedown', makeActive);

不是我的代码，我只是google搜索并在jsfiddle上找到了这个。 FYI

如何在JavaScript中知道在页面上单击了哪个<li>标签？

1 个答案: