Javascript GetElementbyID嵌套dom元素内GetElementsbyClass内的按标记获取元素

我有如下html输出：

<div id="parent">
  <ul id="list">
    <li class="item">
      <a href="picture1.jpg">
        <img src="picture1.jpg">
      </a>
    </li>
    <li class="item active">
      <a href="picture1.jpg" class="OUR-TARGET">
        <img src="picture1.jpg">
      </a>
    </li>
    <li class="item">
      <a href="picture1.jpg">
        <img src="picture1.jpg">
      </a>
    </li>
  </ul>
</div>

我想获取所有标记为“a”的元素，这些元素位于类名为“active”的元素内，也位于id为“parent”的元素内

我目前正在使用

document.getElementById（'parent'）.getElementsByTagName（'a'）

但我不想要所有非活动的a标记，只想要那些通过class=active的嵌套元素处于活动状态的标记。谢谢

千里迢迢 首先，仅使用

active

类获取元素，然后迭代这些元素并获取子

a

元素。下面是一个示例（我给我们的目标提供了

OUR-TARGET

类，所以您最终可以在控制台中看到它，并确保它确实是我们的目标）：

var-activeLis=document.getElementById（'parent'）.getElementsByClassName（'active'）；
for（变量i=0；i

document.queryselectoral（“#parent.active a”）

$（“#parent.active a”）

自从OP给jquery加上了标签后，这个把戏就成功了……我一辈子都搞不清楚这一点。如何将您的答案标记为“答案？”我实际上希望得到所有活动的项目，而不仅仅是第一个（假设有多个）。我认为可以通过删除[0]来实现这一点？这就是对我有效的方法。@dstep，是的，我记录了

[0]

元素就是一个例子。