当特定列表项中有具有特定href的活动类时触发jquery

Question

我希望在第三个选项卡激活时通过获取类acrive来执行jQuery检查。但我不能让jQuery触发。

这是一个很小的示例html；

<ul>
  <li><a href="#tab-1">Tab1</a></li>
  <li><a href="#tab-2">Tab2</a></li>
  <li class="active"><a href="#tab-3">Tab3</a></li>
</ul>

只有当<a href="#tab-3">'s父li获取类active时，才会发生一些事情，但我无法让它工作；

这就是我在jQuery上尝试的：

jQuery( document ).ready(function() {
    var onTabThree = jQuery("ul li.active>a[href='#tab-3']");

    if (onTabThree) {
        do_check();
    }
});

我如何才能做到这一点？

Answer 1

尝试这个工作示例。在if条件下，只需添加onTabThree.length即可。

​

jQuery( document ).ready(function() {
    var onTabThree = jQuery("ul li.active > a[href='#tab-3']");

    if (onTabThree.length) {
        alert("is it working");
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<ul>
  <li><a href="#tab-1">Tab1</a></li>
  <li><a href="#tab-2">Tab2</a></li>
  <li class="active"><a href="#tab-3">Tab3</a></li>
</ul>

​