Javascript 仅在列表项具有特定类时显示子元素

我有这个旋转木马。带有类指示器的列表项显示我当前在旋转木马中的位置，并位于具有绝对位置的其他列表项的顶部。正如您所看到的，每个其他列表项都包含一个锚点

现在，每个列表项都有一个锚点作为其子项

现在我只想在列表项具有main-pos类时显示锚

---

您可以尝试添加额外的跨距，这些跨距在不需要锚定标记的情况下显示

我添加了一个角度叠加闪电战，但它没有使用任何角度特定的东西

以下是html和css供您参考

  <ul class="carousel">
  <li class="indicator"></li>

  <li class="items main-pos" onclick="currentSlide(1)" id="1">
      <a href="#about">item 1</a>
      <span>item 1</span>
  </li>
  <li class="items right-pos" onclick="currentSlide(2)" id="2">
      <a href="#">item 2</a>
      <span>item 2</span>
  </li>
  <li class="items back-pos" onclick="currentSlide(3)" id="3">
      <a href="#">item 3</a>
      <span>item 3</span>
  </li>
  <li class="items back-pos" onclick="currentSlide(4)" id="4">
      <a href="#">item 4</a>
      <span>item 4</span>
  </li>
  <li class="items back-pos" onclick="currentSlide(5)" id="5">
      <a href="#">item 5</a> 
      <span>item 5</span>                                          
  </li>
  <li class="items back-pos" onclick="currentSlide(6)" id="6">
      <a href="#">item 6</a>
      <span>item 6</span>                  
  </li>
  <li class="items left-pos" onclick="currentSlide(7)" id="7">
      <a href="#">item 7</a>
      <span>item 7</span>
  </li>
</ul>

---

您可以在代码中使用and if函数检查元素是否与类匹配，如果匹配，则执行某些操作

我的意思是：

let carousel=document.getElementByIdcarousel 如果carousel.classList.containsclass；{ //做点什么 }否则{ 返回：空；

---

} 不是这么简单吗

.items a {display: none;}
.items.main-pos a {display: block;}
.items.main-pos span {display: none;}

---

没有任何东西会出现，即使是项目名称，如果它应用于a，我可能是错的，但从我的理解是，@Marc不想要链接，但他在所有情况下都需要文本。thanx，我想该死的Hard，我试图修改你的问题，以澄清问题。像以前那样用代码说话不是一个好方法。然而，其他人解释说我可能误解了你的意图。请使用通用术语再次修改，以便我们都清楚。我现在怀疑您正在询问如何从标签文本周围移除锚定标记，除非它处于活动状态。对吗？如果是这样，则需要编写脚本，您需要显示一个尝试。

.back-pos a, .right-pos a, .left-pos a {
    display: none;
}
.main-pos span {
   display: none;
}

.items a {display: none;}
.items.main-pos a {display: block;}
.items.main-pos span {display: none;}