javascript - onclick div 添加类

Question

我想在单击 div 内的 a 标签时添加一个类。单击我要添加类“显示”时。

我使用这个 HTML:

<div class="liveChatContainer online">
<div class="actions">
<span class="item title">Need help?</span>
<a href="/test"><i class="fa fa-smile-o"></i>Chat</a>
<a href="/test"><i class="fa fa-smile-o"></i>Call</a>
<a href="/test"><i class="fa fa-smile-o"></i>Email</a>
</div>
<a href="#" class="liveChatLabel">Contact</a>
</div>

参见 JSFiddle:http://jsfiddle.net/8wLze4rf/2/

Answer 1

我编辑了你的 fiddle ，我认为这就是你想要做的。单击该类将被添加，再次单击(页面上的任何位置)将其删除。

$(".liveChatLabel").click(function(){
    $(".liveChatContainer").addClass("show");
});

$('html').click(function() {
    $(".liveChatContainer.show").removeClass("show");
});

$('.liveChatContainer').click(function(event){
    event.stopPropagation();
});

JSFiddle