单击具有指定数据的元素

Question

$(document).on('click', $('[data-what="abc"]'), function() {
console.log('323');
$(this).hide();
});

.title{
background:gold;
cursor:pointer;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='title' data-what='abc'>title</div>

console.log-有效。

element.hide-不起作用

有帮助吗？

Answer 1

该操作无效，因为this是事件绑定到的元素：document。您不是要隐藏整个文档。

尝试

$(document).on('click', $('[data-what="abc"]'), function(event) {
    console.log('323');
    $(event.target).hide();
});