为什么我得到标签的索引而不是类的索引答案

【问题标题】：why i get the index of tag not index of class为什么我得到标签的索引而不是类的索引
【发布时间】：2020-02-16 06:47:49
【问题描述】：

当我在元素类的点击函数中使用 .index() 时，我得到的是标签的索引而不是类的索引。在这里，当我单击具有类 .mobapp-right 的元素时，我得到（1 和 4）而不是（0 和 1）。

$(document).ready(function(){
   $('.mobapp-right').click(function(){
        alert($(this).index());
    });
    $('.mobapp-left').click(function(){
        alert($(this).index());
    });
});

.mobapp-right{
    cursor: pointer;
}
.mobapp-left{
    cursor: pointer;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
    <ul > 
        <li>  </li>
        <li></li>
        <li></li>
        <li>  </li>
    </ul>
    <h1 class="mobapp-right"> right </h1>
    <h1 class="mobapp-left"> left </h1>
    <ul > 
        <li></li>
        <li></li>
        <li></li>
    </ul>
    <h1 class="mobapp-right"> right </h1>
    <h1 class="mobapp-left"> left </h1>

【问题讨论】：

这是清楚地在文档中解释的：如果没有参数传递给 .index() 方法，返回值是一个整数，表示jQuery 对象中的第一个元素相对于其兄弟元素。 api.jquery.com/index/#index

标签： javascript jquery html indexing

【解决方案1】：

你可以使用.index(element)来实现它。

 $('.mobapp-right').click(function(){
     var index = $(".mobapp-right").index(this);
     alert("index is: " + index);
    });
    
$('.mobapp-left').click(function(){
     var index = $(".mobapp-left").index(this);
     alert("index is: " + index);
});

.mobapp-right{
    cursor: pointer;
}
.mobapp-left{
    cursor: pointer;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
    <ul > 
        <li>  </li>
        <li></li>
        <li></li>
        <li>  </li>
    </ul>
    <h1 class="mobapp-right"> right </h1>
    <h1 class="mobapp-left"> left </h1>
    <ul > 
        <li></li>
        <li></li>
        <li></li>
    </ul>
    <h1 class="mobapp-right"> right </h1>
    <h1 class="mobapp-left"> left </h1>

【讨论】：

这能回答你的问题吗？如果您需要任何帮助，请告诉我@salah hasan AL_Khafaji