jquery - How to remove clicked div and corresponding item in menu -

jquery - How to remove clicked div and corresponding item in menu -

i wanted removeclass click parent remove , iconclass remove please helpme......

<div class="itemlabel"> <div class="icon"><a href="#select1">1</a></div> <div class="icon"><a href="#select2">2</a></div> <div class="icon"><a href="#select3">3</a></div> <div class="icon"><a href="#select4">4</a></div> <div class="icon"><a href="#select5">5</a></div> <div class="icon"><a href="#select6">6</a></div> <div class="icon"><a href="#select7">7</a></div> <div class="icon"><a href="#select8">8</a></div> <div style="clear:both"></div> </div>

//css

.remove{ display:inline-block; padding:20px; background-color:red; color:#fff; margin:10px; cursor:pointer; }

// jquery

$(".remove").on('click', function() { $(this).parent().remove(); $(".itemlabel .icon").remove(); /*this problem .. want 1 icon remove remove */ });

see illustration how utilize thesame number remove iconclass

http://jsfiddle.net/kisspa/74xsc/

it remove clicked div , corresponding itemlabel div

try this

$(".remove").on('click', function() { $(this).parent().remove(); var idd=$(this).next().attr('id') $('.itemlabel div').find('a[href="#'+idd+'"]').parent().remove(); });

demo

jquery css