javascript - 如何用jquery找到深度嵌入的 child

Question

我有一个 dom 树，如下所示:

<div class="specs> 
  <ul>
    <li>
      <a></a>
    </li>
    <li>
      <a></a>
    </li>
</div>

我如何使用 jquery 遍历每个 anchor 标记并添加 target="_blank";

添加类不是一个选项。我正在使用带有 api 调用的节点来调用 cms 来拉入 markdown 并将其解析为 html。

我有什么:

$('#specs-container.specs > ul > li').children('a').each(function () {
            $(this).attr('target', '_blank');
        });

谢谢!

Answer 1

你可以这样写:

$('.specs ul li a').attr('target', '_blank');

但不要忘记修复您的 HTML 代码(引号和缺少结束 </ul> 标记)。

HTML 应该是这样的:

<div class="specs"> 
  <ul>
    <li>
      <a></a>
    </li>
    <li>
      <a></a>
    </li>
  </ul>
</div>