Как получить индекс активной вкладки с 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

Вы можете попробовать селектор li.active a с jQuery s .attr():

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>