javascript - 如何检测 中的第一个 nodeType 是否是 nodeType 1 后跟 nodeType 3？

Question

我试图找到一种方法来检测超链接是否是 <li> 的第一个节点.

例如，如果我有:

<ul>
    <li><a href="file.pdf">hyperlink</a> Text text text text...</li>
    <li>Text text text text <a href="file.pdf">hyperlink</a>...</li>
</ul>

我需要找到一种方法来检测 <li> 中的第一个元素/节点是 PDF 的链接。如果超链接在节点类型 3(文本)之后，则不应通过验证。

鉴于此，我想要完成的是为 <li> 分配一个类使用超链接统计:

.closest('li').addClass('myclass');

到目前为止我得到的是:

$('li').contents().filter(function() {
    return this.nodeType === 1;
}).closest('li').addClass('myclass');

这不是我想要的。

我怎样才能做到这一点？

Answer 1

现在，您正在根据 任何 节点是否具有 1 的 nodeType 来过滤内容，这将同时收集 lis。听起来您想查找第一个节点是否是一个链接，您需要为每个 li 查找链接。

    $('li').filter(function(idx, li) {
      return $(li).contents().first().is('a');
    }).addClass('myclass');

.myclass {
  color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul>
  <li><a href="file.pdf">hyperlink</a> Text text text text...</li>
  <li>Text text text text <a href="file.pdf">hyperlink</a>...</li>
</ul>