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

Question

我想检查这个元素是否带有特定的数据选项：

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

存在于我的网站上。我试过这个：

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

但这不起作用..对这个问题有什么看法？

问候！

Answer 1

尝试：

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

Answer 2

试试这个

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

快乐编码：）

Answer 3

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

演示：

http://jsfiddle.net/2nXGd/

Answer 4

这样做：

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

当没有匹配时，jquery返回一个空数组。所以只需比较一下：）

Answer 5

您可以查看具有已定义数据选项的任何区域是否存在：

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

或检查具体的：

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