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

Question

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

• class = 的所有div节点.link
  • who 包含一个div节点，其中 class =.entry
    • who 包含一个p节点，其中 class =.title
      • who 包含一个以ahref 开头的节点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（刚刚看到未定义的答案）