javascript - 添加其上方的类，例如将类 "act"添加到 "<ul>"上方的 "li.item1"

Question

你能帮我一下吗？与此类似Add class and insert before div ，但我希望能够将类 "act" 添加到上面的类中，等于下面的类:

How are:

  <ul>
   <li id="item1"></li>
  </ul>
  <ul>
   <li id="item2"></li>
  </ul>

How do i need:

  <ul class="act">
   <li id="item1"></li>
  </ul>
  <ul>
   <li id="item2"></li>
  </ul>

Answer 1

您应该首先获取 <li>元素，因为它有一个 id 并且很容易选择

 const item = document.getElementById('item1')
 // Or if you use jquery
 const item = $('#item1')

可以获取父元素<ul>并添加类

 const parent = item.parentElement;
 parent.classList.add('act');