Jquery獲得類DIV內點擊DIV

Question

我想弄清楚用戶點擊DIV容器內的按鈕，但我必須在這裏做錯了什麼。我不斷收到一個沒有屬性的錯誤。任何人都可以告訴我，如果我做錯了什麼？這裏是我的JS：

// Bind ButtonClicks 
$('#jplayers .button').on("click",function(e){ 
    alert("Class :" + e.attr("class")); 
    // Determin what button 
    if( e.attr("class").indexOf("play") > 0){ 
     // Play Clicked 
     player.jPlayer("play"); 
    }else{ 
     // Pause Clicked 
     player.jPlayer("pause"); 
    } 
}); 

這裏是我的HTML：

<div id="jplayers"> 
     <!--First Player--> 
     <div id="zen_1"> 
      <span class="player"></span> 
      <span class="circle"></span> 
      <span class="progress"></span> 
      <span class="buffer"></span> 
      <span class="drag"></span> 
      <div class="button"> 
       <span class="icon play"></span> 
       <span class="icon pause"></span> 
      </div> 
     </div> 
     <!--Second Player--> 
     <div id="zen_2"> 
      <span class="player"></span> 
      <span class="circle"></span> 
      <span class="progress"></span> 
      <span class="buffer"></span> 
      <span class="drag"></span> 
      <div class="button"> 
       <span class="icon play"></span> 
       <span class="icon pause"></span> 
      </div> 
     </div> 
    </div> 

感謝所有幫助

Answer 1

在這裏，你的情況，你可以在click事件回調方法使用e參數。

e.target返回用戶點擊的相應元素。

$('#jplayers').on("click", function (e) { 
    // using this you can access the specific element 
    var className = $(e.target).prop('class'); 
    if (className.indexOf("play") !== -1 || className.indexOf('pause') !== -1) { 
     alert(className); 
     // you can access it using $(e.target) 
    } 
}); 

JSFiddle（用一個簡單的示例代碼）

Answer 2

您可以通過使用this獲取類。

$(this).attr("class") 

您使用的e不是元素，但Click事件。

---

$('#jplayers .button').on("click",function(e){ 
    alert("Class :" + $(this).attr("class")); 
});