jQuery点击不在<i>标签</i>上工作

Question

这是jsFiddle似乎不起作用。可能是因为<i>标记，如果是，请告诉我原因。我正在尝试使用font-awesome图标，如果点击，我想在jQuery中调用某些内容。

jquery的：

$('#video-mirrors-handler').click(function() {
    // var class = $('ul.video-mirrors').attr('class');
    alert('test');
    alert(class);
});

和html：

<div class="video-player-overlay"><i id="video-mirrors-handler">test</i>

</div>
<ul class="video-mirrors">
    <li>hey</li>
    <li>bye</li>
</ul>

Answer 1

您使用关键字class作为变量是不允许的，否则您的代码是完美的：

Here is demo

$('#video-mirrors-handler').click(function() {
    var myClass = $('ul.video-mirrors').attr('class');
    alert('test');
    alert(myClass);
});