javascript - この要素だけを非表示にする方法

Question

要素を 1 つだけ非表示にしたい、または削除したいのですが、同じクラスの要素がたくさんあるという問題がありますか?

ここに例があります

<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 つの要素を削除したいだけです。簡単なアイデアはありますか?

Answer 1

this.remove()または単に代わりに使用remove()して、要素の親を削除します。親が削除されると、その子も削除されます。 http://jsfiddle.net/ncLhf/

jQuery を使用している場合は、onclick属性を削除して、代わりに jQuery.on()メソッドを使用できます。

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