Javascript 单击时显示勾号

在我的JS中，当点击带有

数据完成

的按钮时，它会通过

targetDiv

为我提供所需的值

因此，我对

.complete tick

类有问题，因为我想添加

.css（{'display'：'block'）类。怎么做

HTML:

 <button class="complete" data-complete="showTick-1" type="button">click me <div class="complete-tick"><i class="fa fa-check"></i></div></button>

$(function(){
    $('[data-complete]').on('click', function(e) {
        var targetDiv = jQuery(this).attr('data-complete');

       (".complete-tick").css({'display' : 'block'});

        e.preventDefault();

    });
});

您需要使用class
为div添加必要的样式。完成勾选
。就您的问题而言，下面的代码应该可以工作


$（函数（）{
$（“[data complete]”）。在（'click'，函数（e）{
//var targetDiv=$（this.attr（'data-complete'）；
$（this.find（“.complete tick”）.css（'display'，'block'）；
e、 预防默认值（）；
});
});

单击我
编辑：我添加了一些备用按钮，以证明它适用于多个按钮，并且文本“Tick goes here”作为占位符（我假设在您的实际项目中，您包括字体文件，以便显示实际的Tick）

这就是你的意思吗？如果您始终只想将目标设置为
，则无需担心获取targetDiv。在单击的按钮内完成勾选
：


$（函数（）{
$（“[data complete]”）。在（'click'，函数（e）{
$（“.complete tick”，this.css（'display'，'block'）；
e、 预防默认值（）；
});
});
。完成勾选{
显示：无；
}
.完成勾选i:之前{
内容：'勾选此处'；
}

点击我
点击我
单击我
Missing
]
<代码>$（'[data complete'）
=>
$（'[data complete]）
选择器
$（'.complete'）中缺少
]
可能重复@Tushar谢谢，但我如何添加我的.complete tick css？我有多个按钮，所以我的targetDiv是它们之间的分隔物。它仍然没有使用targetDiv-这是当前需要的单击所有框显示勾号：）你想用
var targetDiv做什么？我想他会有多个
按钮。complete
元素-只需要影响
。complete tick
元素中的元素，但这是一种迂回的方式。