如何使用 jquery 獲取活動標簽索引

Question

我想從活動的分頁按鈕中獲取 tabIndex 值。 我的代碼：

<div
  class="dataTables_paginate paging_simple_numbers"
  id="usersUncalled_paginate"
>
  <ul class="pagination">
    <li class="paginate_button ">
      <a href="#" aria-controls="usersUncalled" data-dt-idx="1" tabindex="0"
        >1</a
      >
    </li>
    <li class="paginate_button ">
      <a href="#" aria-controls="usersUncalled" data-dt-idx="2" tabindex="0"
        >2</a
      >
    </li>
    <li class="paginate_button active">
      <a href="#" aria-controls="usersUncalled" data-dt-idx="3" tabindex="0"
        >3</a
      >
    </li>
    <li class="paginate_button ">
      <a href="#" aria-controls="usersUncalled" data-dt-idx="4" tabindex="0"
        >4</a
      >
    </li>
  </ul>
</d
iv>

我想獲得3活動按鈕的值。

Answer 1

您可以嘗試使用 jQuery 的.attr()選擇器li.active a ：

 var activeText = $('li.active a').attr('tabindex'); console.log(activeText);

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="dataTables_paginate paging_simple_numbers" id="usersUncalled_paginate" > <ul class="pagination"> <li class="paginate_button "> <a href="#" aria-controls="usersUncalled" data-dt-idx="1" tabindex="1" >1</a > </li> <li class="paginate_button "> <a href="#" aria-controls="usersUncalled" data-dt-idx="2" tabindex="2" >2</a > </li> <li class="paginate_button active"> <a href="#" aria-controls="usersUncalled" data-dt-idx="3" tabindex="3" >3</a > </li> <li class="paginate_button "> <a href="#" aria-controls="usersUncalled" data-dt-idx="4" tabindex="4" >4</a > </li> </ul> </div>