如何找到“aria-expanded”的值

Question

我想在点击带有类

aria expanded

的div时获取下面表单中

dropdown-sort

的值

<div class="dropdown dropdown-sort open" style="flex-grow: 0;">
    <div class="form-control" data-toggle="dropdown" aria-expanded="true">
          Sort by

我在下面尝试了这个，但我得到

undefined

而不是

true

$('.dropdown-sort').on('click', function() {
   var expandable = $('.form-control').data("aria-expanded");
    alert(expandable); // should give me true

Answer 1

使用

jQuery::attr()

方法：

 console.log($('.form-control').attr("aria-expanded"));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="dropdown dropdown-sort open" style="flex-grow: 0;">
    <div class="form-control" data-toggle="dropdown" aria-expanded="true"></div>
</div>