检查数据属性值是否等于字符串

Question

我有一个元素在名为<button class="navbar-toggle">的{​​{1}}元素上有我的自定义属性，我正在尝试检查属性值是否等于名为data-toggle-wmc的字符串值。到目前为止没有工作。

我尝试了以下

collapse

我也试过

if ($('button.navbar-toggle').attr('data-toggle-wmc') === 'collapse') {
     alert('123yes');
} 

我看了this问题，但不知怎的，条件没有被填满。

Answer 1

尝试：

if ($('button.navbar-toggle').data('toggle-wmc') === 'collapse') ...

Answer 2

使用$ .data访问数据属性。它似乎像这样工作

$("button.navbar-toggle").on("click", function(){
  if($(this).data("toggle-wmc") === "collapse"){
    console.log($(this).data("toggle-wmc"));
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="navbar-toggle" data-toggle-wmc="collapse"  width="100" height="50">button</button>

Answer 3

您的代码中存在参数错误。试试这个

if ($('button.navbar-toggle').attr('data-toggle-wmc') == 'collapse') {
    alert('123yes');
  }