그냥이 요소를 숨기는 방법

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()을 사용하고 요소의 부모를 제거하고 부모가 제거되면 해당 요소도 제거됩니다. 당신이 jQuery를 사용하는 경우 http://jsfiddle.net/ncLhf/

, 당신은 onclick 속성을 제거 할 수 있으며 .on() 방법 대신에 jQuery를 사용

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