javascript - 使用 javascript 在一组元素上切换类

Question

我有这个标记：

<div> TEXT <a class="toggle-action"> TOGGLE </a></div>
<dl class="collapsed">
  ...

</dl>
<dl class="collapsed">
  ...
</dl>

当我单击切换链接时，<dl>下面的所有元素都应该将它们的类从展开切换到折叠并返回。但只有第一级 DL，因为其中一些可能DD与其他 DL 有元素......

我怎么能用javascript做到这一点？

我知道如何用 jQuery 来做，但我想避免它，因为它只为这件事增加了太多的负载。

目前我有这个：

document.addEventListener('click', function(e){

  // my link
  if(e.target.className.indexOf('toggle-action') !== -1){
     // here how to select DLs?
  }

});

:)

Answer 1

请参阅以下链接：- http://www.daniweb.com/web-development/javascript-dhtml-ajax/code/217121/sharing-the-classname

它试图做类似的事情，但在 js