jquery - 检查数据属性是否存在但没有值

Question

我的目标是向项目中添加一些 jQuery，以检查元素是否具有不带值的 data-attribute。例如，使用 video 标签，您只需添加不带值的 autoplay 即可自动播放。我正在尝试做同样的事情，并想知道是否可能。这是我尝试过的，但目前返回 false:

$(function() {
  $('div').click(function() {
    if ($(this).attr('data-specs')) {
      console.log('has specs');
    } else {
      console.log('no specs');
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div data-specs>Specs</div>

Answer 1

通过 jQuery，您可以使用 .is(selector) method.

因此，如果您将选择器设置为属性一，则可以进行检查

$(function() {
  $('div').click(function() {
    if ($(this).is('[data-specs]')) {
      console.log('has specs');
    } else {
      console.log('no specs');
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div data-specs>Specs</div>