Javascript 单击即可清除数据属性
我有一个函数,Javascript 单击即可清除数据属性,javascript,jquery,clipboard.js,Javascript,Jquery,Clipboard.js,我有一个函数,复制数据属性,并给它一个活动的类。单击.close1或.close2时,我需要能够从中清除活动类。复制btn $(文档).ready(函数(){ $(“.copy btn”)。单击(函数(事件){ event.preventDefault(); }); }); var clip=新剪贴板(“.copy btn”); $(“.copy btn”)。单击(函数(e){ $.each($(“.copy btn”),函数(索引,值){ 如果( $(值).attr(“数据文本”)== $(
复制数据属性
,并给它一个活动的
类。单击.close1
或.close2
时,我需要能够从中清除活动类。复制btn
$(文档).ready(函数(){
$(“.copy btn”)。单击(函数(事件){
event.preventDefault();
});
});
var clip=新剪贴板(“.copy btn”);
$(“.copy btn”)。单击(函数(e){
$.each($(“.copy btn”),函数(索引,值){
如果(
$(值).attr(“数据文本”)==
$(e.target).attr(“数据文本”)
) {
$(值).addClass(“活动”);
}
});
});代码>
.btn{
宽度:50px;
高度:20px;
边框:2倍实心;
光标:指针;
}
.复制btn{
大纲:无;
光标:指针;
边界:无;
背景色:白色;
字号:21px;
}
.主动{
边框底部:3个绿色点;
垫底:4px;
}
代码1
代码2
代码3
关闭1
关闭2
仅使用
只是使用
$('.close1, .close2').on('click', function() {
$('.copy-btn').removeClass('active');
})