更改另一个控件单击事件的 css 类名称 [关闭]

【问题标题】：Changing the css class name for another control click event [closed]更改另一个控件单击事件的 css 类名称 [关闭]
【发布时间】：2015-07-27 15:06:38
【问题描述】：

 <ul class="submenu">
       <li class="lstnetdays"><a href="NetDaysInAR.html">Net Days In AR</a></li>

嗨，我有 ul 和 li 标签，我的要求是当我点击 li 标签时，我想将 ul 类名更改为“submenunew”。

【问题讨论】：

你是用jquery还是纯javascript？
我正在使用 javascript。
您能否也发布您的 javascript，以便我们可以看到您到目前为止所做的尝试？
您的方法似乎有点不对劲。有更好的方法来做你想要实现的目标。您能告诉我们为什么要更改班级名称吗？

标签： javascript css asp.net html

【解决方案1】：

这对我有用

HTML

<ul class="submenu">
    <li>Net Days In AR 1</li>
    <li>Net Days In AR 2</li>
    <li>Net Days In AR 3</li>
</ul>

JavaScript

var elements = document.getElementsByTagName('li');
for (var i = 0, len = elements.length; i < len; i++) {
    elements[i].onclick = function () {
        this.parentNode.className = "submenunew";
    }
}

jQuery

$('li').on('click', function(){
    $(this).parent().attr('class', 'submenunew');
});

【讨论】：

【解决方案2】：

使用类名选择 li 并添加事件处理程序

 document.getElementsByClassName("lstnetdays").onclick = function () {
            this.parentNode.className = "submenunew";
        }

【讨论】：