我怎样才能穿越的深度嵌套的div无类属性

这是我试过，但它是选择所有a标记，在其他divs我怎样才能穿越的深度嵌套的div无类属性

$('div:has(> div > div > a[href*="hello/"])').css("color", "blue");但这种选择每<a>。但我需要<a>的即在深度嵌套<div> <a href="hello/..">

<body> 
<div class="headers"> 
    <div> 
    <a href="welcome/"> welcomes one</a> 
    <a href="welcome/"> welcomes two</a> 
    </div> 
</div>  
<div> 
    <div> 
    <div> 
    <div> 
    <div> 
     <div> 
     <div> 
     </div> 
     </div> 
     <div> 
     <div> 
     </div> 
     <div class="columns"> 
     <div> 
     <div> <a href="hello/one"> once</a></div> 
     <div> <a href="hello/two"> twice</a></div> 
     <div> <a href="hello/three"> thrice</a></div> 
     </div> 
     </div> 
     </div> 
    </div> 
    </div> 
    </div> 
    </div> 
</div>

来源

2016-07-07 Deke

为什么不只是'$ （'.columns a'）'或'$（'a [href * =“hello /”]'）'??? ....或者你只需要最深的'a'元素？ – DaniP

*“，但是这会选择每个''”*不，它不会...它会选择包含它们的div。 –

'$（'。columns a'）'或'$（'a [href * =“hello /”]'）'它们都选择了所有'a'元素。需要嵌入深度最深的div中最深的元素。这些：'

once

twice

thrice

' – Deke

-1

这确保了DIV是最后一个div子（深度嵌套）：

var start = $('.headers').parents('div').length; 
$('.headers a').each(function(){ 
     if($(this).parents('div:not(.headers)').length-start>5) 
      $(this).css("color", "green"); 
});

DEMO

来源

2016-07-07 15:46:11

我编辑了答案。这是因为在选择器末尾增加了''''。 –

这是你的意思吗？ –

https://jsfiddle.net/dxdL22e2/3/ ...这不适用于最深的元素 – DaniP

我怎样才能穿越的深度嵌套的div无类属性​​

回答

相关问题

我怎样才能穿越的深度嵌套的div无类属性