Изменение имени класса CSS для другого управления выберите событие

Question

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

Привет, У меня есть уль и литиево-теги, Мое требование, когда я нажимаю на литиево теге я хочу, чтобы изменить имя уль класса как «submenunew».

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

Answer 2

Выберите Li, используя имя класса и добавить обработчик событий

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