jquery - 如果元素后面跟着另一个，则添加类

Question

如果它们后面跟着“ul.subnav”，我正在尝试向我的“a.tab”添加一个类...

<ul>

  <li><a class ="tab" href="">Nav 1</a></li>
  <li>
    <a class ="tab" href="">Nav 2</a>
    <ul class="subnav">
       <li><a href="">SubNav 1</a></li>
       <li><a href="">SubNav 2</a></li>
       <li><a href="">SubNav 3</a></li>
    </ul>
  </li>
  <li><a class ="tab" href="">Nav 3</a></li>

</ul>

我有这个查询代码：

if($("ul li a.tab").is().next("ul.subnav"){
   $(this).addClass("drop");
}

但不工作。

请帮忙？

谢谢！！

Answer 1

您可以使用 jQuery.filter()方法：

演示

$("ul li a.tab").filter(function(){
    return $(this).next('ul.subnav').length
}).addClass('drop');

或者使用下一个兄弟选择器：

演示

$(function () {
    $("ul li a.tab + ul.subnav").prev().addClass('drop');
});