CODEWITHSUNDEEP
javascriptjquery
nassim miled
nassim miled

Reputation: 619

How to get the active tab index with jquery

I want to get the tabIndex value from the active paginate button. my code :

<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>

I want to get 3 the value of active button.

Upvotes: 1

Views: 1646

Answers (1)

Mamun
Mamun

Reputation: 68933

You can try the selector li.active a with 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>

Upvotes: 1

Related Questions