检查是否存在具有某些data-attr的元素

Question

i want to check if this element with a specific data-option:

<area data-option="anyOption" etc.. />

exists on my website. I tried this:

if ($("area[data-option = 'anyOption']")[0]) {

but this doesnt work..any idea´s about this problem?

Greetings!

Answer 1

try:

if($('area[data-option="anyOption"]').length > 0){
  console.log("exists");
}

Answer 2

try this

  if ($('area[data-option = "anyOption"]').length) {
      alert("exists");
  }

Happy Coding :)

Answer 3

var data = $("area").attr("data-option");  
if(data =="anyOption")
{
//Code here
}

http://jsfiddle.net/2nXGd/

Answer 4

Do this:

if($('[data-option="anyOption"]') !== []){
  // do something
}

jquery returns an empty array when nothing matches. So just compare it :)

Answer 5

You could find out if ANY areas with defined data-options exist with:

$("area[data-option]").length > 0

or check for a specific one with:

$("area[data-option=anyoption]").length > 0