Home / Questions / 159795
Accepted
Soy César Mora
Asked: 2020-04-28 06:28:26 +0800 CST 2020-04-28 06:28:26 +0800 CST

jquery link index

  • 772

Suppose that throughout the dom I have several links with the same class, how can I know the index that this link is when clicked.

<a href="#seccion" class="section-modchooser-link"></a> // Este seria el indice 0
<a href="#ejemplo" class="section-modchooser-link"></a> // Este seria el indice 1
<a href="#otro-ejemplo" class="section-modchooser-link"></a> // Este seria el indice 2


$('a.section-modchooser-link').on('click',function(e){
    e.preventDefault()
    var clicked = $(this)
})

What I'm looking for: if I click on link 1, know that this link within the dom is number 1

jquery

1 Answers

  1. Best Answer

    The method $.index()returns the index of the element in jQuery.

    $('a.section-modchooser-link').on('click', function(e) {
  e.preventDefault();
  var clicked = $(this).index();
  console.log(clicked)
})
    <a href="#1" class="section-modchooser-link">1</a>
<a href="#2" class="section-modchooser-link">2</a>
<a href="#3" class="section-modchooser-link">3</a>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    • 4