添加在它上面的类，例如将类“act”添加到“li.item1”上方的“<ul>”

Question

你可以帮帮我吗？类似于这个Add class and insert before div，但我希望能够将类“act”添加到上面的一个类中，等于以下：

  

如何：

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

  

我如何需要：

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

Answer 2

在jQuery中你可以这样做。

$（＆＃39;＃ITEM1＆＃39）。亲本（）addClass（＆＃39;作用＆＃39;）;

如需更多参考，请点击此链接：https://api.jquery.com/parent/

Answer 3

如果您要为act的父级添加#item1课程。像这样使用

  

（@ Jay Marvin已提交）

$('#item1').parent('ul').addClass('act');

如果您想为所有父act添加ul课程，请使用以下内容

$('li').parent('ul').addClass('act');