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?

Answer 1

Try to use has attribute selector at this context,

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

DEMO

Answer 2

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 
}

Answer 3

you can do

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

then check for existence

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