javascript - 当特定列表项具有列表项内具有特定 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>