Jquery在DIV中获取Clicked 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

你可以通过使用获得课程this.

$(this).attr("class")

在e您使用不是元素,但Click事件.

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