Remove Element with multiple Class without ID

Question

Been Googling and couldn't find the answer. How do I go about removing THIS specific div and child after that, without an id (it was generated by WijGrid)

<div class="wijmo-wijsuperpanel-vbar-buttontop ui-state-default ui-corner-tr">
    <span class="ui-icon ui-icon-triangle-1-n"></span>
</div>

I tried, but no go

$('.wijmo-wijsuperpanel-vbar-buttontop .ui-state-default .ui-corner-tr').remove();

Thanks in advance!

score 5 · Accepted Answer · answered Jun 14 '13 at 23:52

5

Just remove the spaces in your selector:

$('.wijmo-wijsuperpanel-vbar-buttontop.ui-state-default.ui-corner-tr').remove();

With the spaces, it would select elements with ui-corner-tr class inside an element with ui-state-default class inside an element with wijmo-wijsuperpanel-vbar-buttontop class.

answered Jun 14 '13 at 23:52

Ja͢ck

170,779
38
263
309

Yup that works since Claudio mentioned as well, next question is, if i replace space with ',' (commas), what does that define? – sgkdnay Jun 15 '13 at 00:04
@sgkdnay That selects elements with any of the three classes you have specified. – Ja͢ck Jun 15 '13 at 00:06
ahh NOW i get the differences between all of em.. Again thanks! – sgkdnay Jun 15 '13 at 00:12

score 3 · Answer 2 · answered Jun 14 '13 at 23:52

3

Remove whitespaces, otherwise you're asking for descendents and not elements containing ALL classes.

$('.wijmo-wijsuperpanel-vbar-buttontop.ui-state-default.ui-corner-tr').remove();

answered Jun 14 '13 at 23:52

Claudio Redi

67,454
15
130
155

Remove Element with multiple Class without ID

2 Answers2

Linked