javascript - 如何仅隐藏此元素

Question

我只想隐藏一个元素，或者删除它，但问题是我有许多具有相同类的元素？

这是示例

<div onclick="parentNode.remove()" class="slikezamenjanje"><img src="1.png"/></div>
<div onclick="parentNode.remove()" class="slikezamenjanje"><img src="2.png"/></div>
<div onclick="parentNode.remove()" class="slikezamenjanje"><img src="1.png"/></div>
<div onclick="parentNode.remove()" class="slikezamenjanje"><img src="2.png"/></div>

当我点击元素时，所有元素都被删除，我不希望这样，我只想删除我点击的一个元素，有什么简单的想法吗？

Answer 1

使用this.remove()或简单地remove()代替，您正在删除元素的父元素，当父元素被删除时，它的子元素也会被删除。 http://jsfiddle.net/ncLhf/

如果您使用的是 jQuery，则可以删除onclick属性并改用 jQuery.on()方法：

$('.slikezamenjanje').on('click', function() {
    // this.remove();
    $(this).remove();
});