クラス検出と警告

Question

リストレベルを指定するクラスを持つリストアイテムを含むネストされたリストがあります。

どのレベルがクリックされたのかを検出したいのですが、コードが機能していません。誰かが私に正しいplsを入力できます。

$("li").click(function (e) { 
 
    if ($(this).hasClass('sub-level3')){ 
 
     alert("this list item contains class-sub-level3"); 
 
    } else if ($(this).hasClass('sub-level4')) { 
 
     alert("this list item contains class-sub-level3"); 
 
    } else { 
 
     //do nothing 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<li class="has-dropdown sub-level3 not-click moved"> 
 
    <a href="http://www.w3schools.com">Visit W3Schools.com!</a> 
 
</li> 
 
<li class="has-dropdown sub-level4 not-click moved"> 
 
    <a href="http://www.w3schools.com">Visit W3Schools.com!</a> 
 
</li>

Answer 1

コードは期待通りに働いています。 jQueryを含めるのを忘れてしまったり、混乱したメッセージをあなたに混乱させたりします。あなたが見ることができるようにそれが動作します：

$("li").click(function (e) { 
 
    if ($(this).hasClass('sub-level3')){ 
 
     alert("Level 3"); 
 
    } else if ($(this).hasClass('sub-level4')) { 
 
     alert("Level 4"); 
 
    } else { 
 
     //do nothing 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<ul> 
 
    <li class="has-dropdown sub-level3 not-click moved"> 
 
     <a href="http://www.w3schools.com">Visit W3Schools.com!</a> 
 
    </li> 
 
    <li class="has-dropdown sub-level3 not-click moved"> 
 
     <a href="http://www.w3schools.com">Visit W3Schools.com!</a> 
 
    </li> 
 
    <ul> 
 
     <li class="has-dropdown sub-level4 not-click moved"> 
 
      <a href="http://www.w3schools.com">Visit W3Schools.com!</a> 
 
     </li> 
 
    </ul> 
 
</ul>

Answer 2

私はそれは同様にサブLEVEL4を解雇したが、私は固定私が述べた方法を、使用することができませんでしサブLEVEL3クリックしたときに、私はプロパゲーションタイプの問題がありました今すぐ次のコードで、ありがとう！

$("li.sub-level3").click(function (e) { 

       alert("sub3"); 
      }); 

      $(document).on('click', 'li.sub-level4', function (e) { 

       alert("sub4"); 

      });