特定のリストアイテムに特定のhrefが指定されたアクティブなクラスがリストアイテム内にあるときにjqueryをトリガーする

Question

クラスを取得して3番目のタブがアクティブになったときにjQueryチェックを行います。しかし、私はjQueryを起動させることはできません。

これは小さなサンプルHTMLです。 <a href="#tab-3">'s親li GETクラスactive何かが起こるはずが、私はそれが仕事を得ることができないだけ

<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> 

。

私はjQueryを使ってみました何これは：

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

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

どのように私はこれを達成することができますか？

Answer 1

この実例を試してみてください。場合は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>