当您在特定 div 上时，使用 Javascript 向 <li> 添加/删除类。

// 获取所有的<li>元素
const lis = document.querySelectorAll('li');

// 遍历每个<li>元素
lis.forEach((li, index) => {
  // 如果当前<li>元素的索引为0，则将其类名更改为'selected'
  if (index === 0) {
    li.classList.add('selected');
  } else {
    // 否则，将当前<li>元素的类名更改为'unselected'
    li.classList.remove('selected');
  }
});

// 获取所有的<li>元素
const lis = document.querySelectorAll('li');

// 遍历每个<li>元素
lis.forEach((li, index) => {
  // 如果当前<li>元素的索引为0，则将其类名更改为'selected'
  if (index === 0) {
    li.classList.add('selected');
  } else {
    // 否则，将当前<li>元素的类名更改为'unselected'
    li.classList.remove('selected');
  }
});

// 使用requests库发送HTTP请求
const url = 'https://example.com/api/data';
const response = await fetch(url);
const data = await response.json();

// 遍历每个<li>元素
lis.forEach((li, index) => {
  // 如果当前<li>元素的索引为0，则将其类名更改为'selected'
  if (index === 0) {
    li.classList.add('selected');
  } else {
    // 否则，将当前<li>元素的类名更改为'unselected'
    li.classList.remove('selected');
  }
});

// 获取所有的<a>元素
const links = document.querySelectorAll('a');

// 遍历每个<a>元素
links.forEach((link, index) => {
  // 如果当前<a>元素的索引为0，则将其类名更改为'selected'
  if (index === 0) {
    link.classList.add('selected');
  } else {
    // 否则，将当前<a>元素的类名更改为'unselected'
    link.classList.remove('selected');
  }
});