javascript - False True 通过 onclick jQuery 改变 attr

Question

我需要通过 oncklick 更改数据属性“aria-selected”。
但是这个脚本不起作用。你能帮帮我吗？

<a href="#" aria-selected="true" resource="">SHOW/HIDE</a>

这是我的代码:

<script>
$(document).ready(function($){
  $("a").attr("aria-selected","false");
  $(" ul li a").addClass("accordion");

  $('.accordion').click(function() {
    if ($(this).attr('aria-selected')) {
      $(this).attr("aria-selected","true");
    } 
    else {
      $(this).attr("aria-selected", "false");
    }
  });
});
</script>

Answer 1

aria-selected 是一个字符串...不是 bool 值。
所以你必须将它与字符串进行比较。

<script>
$(document).ready(function($){
  $("a").attr("aria-selected","false");
  $(" ul li a").addClass("accordion");

  $('.accordion').click(function() {
    if ($(this).attr('aria-selected') == "false") {  // Change is here.
      $(this).attr("aria-selected","true");
    } 
    else {
      $(this).attr("aria-selected", "false");
    }
  });
});
</script>