Javascript :在列表中查找特定的前一个元素并添加类

// 假设我们有以下HTML结构
/*
<ul id="myList">
  <li>Item 1</li>
  <li>Item 2</li>
  <li class="target">Item 3</li>
  <li>Item 4</li>
</ul>
*/

// 获取目标元素
const targetElement = document.querySelector('.target');

// 检查目标元素是否有前一个兄弟元素
if (targetElement.previousElementSibling) {
  // 获取前一个兄弟元素
  const previousSibling = targetElement.previousElementSibling;
  
  // 给前一个兄弟元素添加类
  previousSibling.classList.add('new-class');
}

// 获取列表元素
const list = document.getElementById('myList');
const items = list.getElementsByTagName('li');

// 遍历列表项
for (let i = 0; i < items.length; i++) {
  if (items[i].classList.contains('target')) {
    // 如果找到目标元素，给前一个兄弟元素添加类
    if (i > 0) {
      items[i - 1].classList.add('new-class');
    }
    break;
  }
}