Jquery check if div has data attribute and remove

Question

How can I check if a div has a data-attribute and remove the div if it has that data-attribute, the opposite works like this:

$("div[id='foo']").not('[data-type=edit]').remove();

Possible duplicate of [Select elements by attribute](http://stackoverflow.com/questions/1097522/select-elements-by-attribute) — Connagh Jacobi, Mar 24 '17 at 11:58

Rory McCrossan · Accepted Answer · 2017-03-24T12:01:43.730

5

Remove the not() and use the attribute in the main selector:

$('#foo[data-type=edit]').remove();

If you only want to find the element that has the data-type attribute, regardless of its value, you can use this:

$('#foo[data-type]').remove();

edited Mar 24 '17 at 12:01

answered Mar 24 '17 at 11:56

Rory McCrossan

This might be wrong because he is asking about `data-type` is present or not. That means `data-type` might have any value. Your code only works only if `data-type=edit` . – Rana Ghosh Mar 24 '17 at 12:00
1

@RanaGhosh true, I took the OP to mean 'that data attribute' as including the value. I'll update to cover both scenarios. Thanks – Rory McCrossan Mar 24 '17 at 12:01
How would the Syntax look like if I do this `$("div[id='foo']").` – Micheasl Mar 24 '17 at 12:02
1

That syntax is pretty redundant. The only reason you'd need to use it is if you have multiple elements with the same `id`, which you really, really shouldn't. To answer your question though, you can use multiple attribute selectors like this: `$('div[id="foo"][data-type]')` – Rory McCrossan Mar 24 '17 at 12:03
1

I think that will be `$("div#foo[data-type]")`this . – Rana Ghosh Mar 24 '17 at 12:04
ok Thanks alot have a nice day and a nice Weekend :D (Ill accept in a few minutes) – Micheasl Mar 24 '17 at 12:04

score 1 · Answer 2 · answered Mar 24 '17 at 11:57

1

if(typeof $("#foo").attr('data-type') == 'undefined')
{
  $("#foo").removeAttr('data-type');
}

answered Mar 24 '17 at 11:57

Rana Ghosh

score 0 · Answer 3 · answered Mar 24 '17 at 11:58

0

If you dont care about the value you can just do

$('#foo[data-type]').remove();

answered Mar 24 '17 at 11:58

MaanooAk

3 Answers3