Javascript 如何在另一个动态div中的动态li中获取跨度的第一个值

下面是HTML结构

<div class="a">
   <ul class="b">
       <li class="c">
           <span>123</span>
       </li>

       <li class="c">
           <span>345</span>
       </li>

       <li class="c">
          <span>678</span>
      </li>
  </ul>
</div>

<div class="a">
    <ul class="b">
        <li class="c">
            <span>976</span>
        </li>   
    </ul>
</div>


<div class="a">
    <ul class="b">
        <li class="c">
            <span>234</span>
        </li>   
        <li class="c">
            <span>789</span>
        </li>   
    </ul>
</div>

123


345


678




976




234


789

我想得到for循环中每个动态div的第一个跨度的值。这里的挑战是li也是动态的。一个div中可能有1到4个li

当我尝试循环时，我得到了所有的跨度值。请建议解决方案

---

提前谢谢

您可以使用

queryselectoral（）

并在选择器中为第一个子项使用

n个子项（1）

div > ul > li:nth-child(1) > span:nth-child(1)

这里是工作片段

let x=document.queryselectoral（'div>ul>li:n个子项（1）>span:n子项（1）'）；
x、 forEach（x=>console.log（x.innerHTML））

123


345


678




976




234


789

我看到了jQuery标记，所以我想如果您在项目中使用jQuery，我会加入一个替代解决方案

$('.a ul').each(function(i, v) {
    console.log($(v).find('span').first());
})

如果你想确保跨度在一个li之内，那么你可以更具体一些，但是除了一个奇怪的情况之外，不应该有真正的需要

$('.a ul').each(function(i, v) {
 console.log($(v).find('li span').first());
})

---

请共享您尝试过的代码