Web前端-对index()的理解

.index()是指定元素对其他指定元素的相对位置。

JS代码：

<script>
        $(function(){     
        $('p').click(function(event) {   //对P标签的点击事件进行操作，可以看到他的相对位置
        alert($(this).index());
        });
        })
</script>

Html代码：

<div>
  <p>a</p>  //0
</div>
<div>
    <p>1</p>    // 0
    <p>2</p>    //1
    <p>3</p>    //2
    <a href="#">a标签</a>
    <p>4</p>   //4
</div>
<div>
    <p>one</p>   //0
</div>

文件中一共有3个DIV 

当对第一个DIV的P进行点击时  弹出0

对第二个DIV前三个P点击时 分别弹出 0  1  2

对第二个DIV的a标签点击无触发事件

对第四个点击时 弹出4

由此可知 虽然a标签是不同元素 但仍会算进index位置中

相对于div中有5个元素

只要是同一代元素（父级相同）的元素 index（）方法都会把他们的位置算进去

而父级不同则会重新定位