Question

这是我尝试过的，但它选择了其他a

中的所有divs标记

$('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>

Answer 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

如何在没有类属性的情况下遍历深层嵌套的div

1 个答案: