Detect elements with attribute without value

Question

Lets say I've got

<div class="some-class" selected></div>

I'm trying to say if it has attr 'selected', but

$(".some-class").attr("selected") //undefined
$(".some-class").is("*[selected]") // false

Am I able to say if it has selected attrbute even if it has no value?

@billyonecan why are you saying that this is an invalid markup..? What if user need to set some unique identity to that element by means of that attibute..? — Rajaprabhu Aravindasamy
– Rajaprabhu Aravindasamy, Commented Jun 26, 2014 at 8:39
@RajaprabhuAravindasamy because a div doesn't have a selected attribute — billyonecan
– billyonecan, Commented Jun 26, 2014 at 8:39
@billyonecan Yeah that's right, div does not have to do anything with that attribute.. but it might be useful for implementing some other logics right..? :) — Rajaprabhu Aravindasamy
– Rajaprabhu Aravindasamy, Commented Jun 26, 2014 at 8:40
@RajaprabhuAravindasamy in that case you'd use data- attributes, or you could just use a class — billyonecan
– billyonecan, Commented Jun 26, 2014 at 8:41

Rajaprabhu Aravindasamy · Accepted Answer · 2014-06-26 08:34:17Z

3

Try to use has attribute selector at this context,

$(".some-class").is("[selected]")

DEMO

answered Jun 26, 2014 at 8:34

Rajaprabhu Aravindasamy

67.2k17 gold badges107 silver badges133 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

billyonecan Over a year ago

is() returns a boolean (true/false), .some-class[selected] would return the element itself

Rajaprabhu Aravindasamy Over a year ago

@dandavis then we have to extract its length property.. like if($('.some-class[selected]').length)

billyonecan Over a year ago

@RajaprabhuAravindasamy I didn't downvote. This answer is correct, although the markup in the question is invalid

Mike · Accepted Answer · 2018-07-18 11:00:55Z

1

you can do

$(".some-class[selected]")

then check for existence

let element = $(".some-class[selected]");
if (element.length)

answered Jul 18, 2018 at 11:00

Mike

6,0909 gold badges60 silver badges94 bronze badges

Comments

Bhushan Kawadkar · Accepted Answer · 2014-06-26 09:02:29Z

0

Try this : Write a function hasAttr() which checks if provided attribute it undefined or not. If it is undefined means attribute does not exist.

$.fn.hasAttr = function(name) {  
   return this.attr(name) !== undefined;
};

 if($('.some-class').hasAttr('selected'))
{
  //do your stuff 
}

edited Jun 26, 2014 at 9:02

answered Jun 26, 2014 at 8:36

Bhushan Kawadkar

28.6k5 gold badges39 silver badges61 bronze badges

1 Comment

Reporter Over a year ago

I think it would be more helpful for the OP and further visitors if you would add some explanations for your intention.

Collectives™ on Stack Overflow

Detect elements with attribute without value

3 Answers 3

DEMO

3 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related