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

Question

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

<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() 方法:

DEMO

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

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

DEMO

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