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 attributeConnagh Jacobi– Connagh Jacobi2017-03-24 11:58:10 +00:00Commented Mar 24, 2017 at 11:58
Add a comment
|
3 Answers
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();
6 Comments
Rana Ghosh
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 .
Rory McCrossan
@RanaGhosh true, I took the OP to mean 'that data attribute' as including the value. I'll update to cover both scenarios. Thanks
Micheasl
How would the Syntax look like if I do this
$("div[id='foo']").Rory McCrossan
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]')Rana Ghosh
I think that will be
$("div#foo[data-type]")this . |
if(typeof $("#foo").attr('data-type') == 'undefined')
{
$("#foo").removeAttr('data-type');
}
Comments
If you dont care about the value you can just do
$('#foo[data-type]').remove();
