Блог

У меня есть следующий HTML:

 <div id="MyDiv">

  <div class="MyClass">test1</div>
  <div class="MyClass">test2</div>
  <div class="MyClass">test3</div>
  <div class="MyClass">test4</div>

</div>
  

Когда я нажимаю на элемент MyClass, мне нужно вернуть порядок элементов в индексе

 $('.MyClass').click (function (){
 var TheIndex = ?
 alert(TheIndex);
});
  

Например, если пользователь нажимает на test2, он должен вернуть 2, потому что это второй элемент.

Спасибо за ваши предложения.

Вы могли бы использовать:

 $('.MyClass').click(
    function(){
        alert($(this).index());
    });
  

Скрипка JS.

Принимая во внимание, что JavaScript использует массивы на основе нуля, поэтому нажатие на ‘test2’ приведет к появлению значения ‘1’, а не ‘2’. Чтобы изменить это, вы могли бы просто увеличить значение на 1:

 $('.MyClass').click(
    function(){
        alert(($(this).index())   1);
    });
  

Скрипка JS.

Ссылка:

• index() .