如何隐藏这个元素

时间:2013-10-10 18:41:55

标签: javascript jquery onclick parent-child

我想隐藏一个元素,或删除它,但问题是我有很多同一类的元素?

这是示例

<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>

当我点击元素时,所有元素都被删除了,我不希望这样,我只想删除一个关于我点击的元素,任何简单的想法?

1 个答案:

答案 0 :(得分:4)

使用this.remove()或简称remove(),您要删除元素的父元素,当删除父元素时,它的子元素也会被删除。 http://jsfiddle.net/ncLhf/

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

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