通过包含特定后代节点的父元素遍历

Question

我想只遍历包含特定元素作为后代节点的父元素。

例如：

<div class="field"> 
    <input type="text" /> 
</div> 
<div class="field"> 
    <input type="button" /> 
</div> 
<div class="field"> 
    <input type="text" /> 
</div> 

我知道，使用XPath，它可以通过使用div[@class = 'field' and input[@type = 'text']]

使用jQuery完成的，我想用类似的东西div.field[input[type = 'text']]。

我知道最近的选项是div.field > input[type = 'text']，但这种方式我会迭代输入而不是div。

在此先感谢

Answer 1

您可以使用jQuery的:has()伪选择：

$('.field:has(.text)') 

因为它是一个非标准的选择，它会比一般选择是缓慢的，所以记住这一点如果你迭代了大量的元素。

Answer 2

可以使用。家长（）

$('input[type=text]').parents('.field').each(function(){ 
//do your stuff 
}) 

例如 - http://jsfiddle.net/dYKRz/