如何用jquery找到深深嵌入的孩子

时间:2017-03-20 21:46:31

标签: javascript jquery html dom

我有一棵看起来像这样的dom树:

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

我如何使用jquery遍历每个锚标记并添加目标=&#34; _blank&#34 ;;

添加课程不是一种选择。我使用带有api调用的节点来调用cms来拉入markdown并将其解析为html。

我有什么:

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

谢谢!

2 个答案:

答案 0 :(得分:3)

你可以这样写:

ggplot2() + stat_

但请勿忘记修改HTML代码(引号和遗失的$('.specs ul li a').attr('target', '_blank'); 代码)。

HTML应该是这样的:

</ul>

答案 1 :(得分:-1)

您的代码存在一些问题。首先,您错过了HTML中"元素的结束specs,接下来您错过了列表末尾的结束</ul>,最后您的jQuery代码定位为您提供的HTML中不存在的ID。

$(function() {
  $('.specs > ul > li').children('a').each(function () {
      $(this).attr('target', '_blank');
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="specs"> 
  <ul>
    <li>
      <a>Test</a>
    </li>
    <li>
      <a>Test 2</a>
    </li>
  </ul>
</div>