选择具有特定子层次结构的节点

Question

我想编写一个jQuery选择器，它匹配一组div节点（下面的粗线）：

• 所有div个节点，其中class = .link
  • 谁包含div个节点，其中class = .entry
    • 谁包含p个节点，其中class = .title
      • 谁包含a节点，其中href以http://i.imgur.com/
      开头

（点击下图查看完整尺寸。要测试内容，请访问http://reddit.com并使用Firebug（加载jQuery））：

Answer 1

您可以使用has方法和属性starts with选择器。

$('div.link div.entry').has('p.title:has(a[href^="http://i.imgur.com/"])');

<子>编辑：

或filter方法：

var $entries = $('div.link').filter(function() {
    return $('p.title:has(a[href^="http://i.imgur.com/"])', this).length
})

Answer 2

$('div.link').has('div.entry:has(p.title:has(a[href^="http://i.imgur.com/"]))');

编辑：实际上:has不是:contains（只是看到未定义的答案）