Javascript jQuery元素.index()在不同容器中的位置

Javascript jQuery元素.index()在不同容器中的位置,javascript,jquery,indexing,position,Javascript,Jquery,Indexing,Position,我需要获取共享类的元素的索引,它位于容器中,代码示例: <div id="mycontainer"> <div class="column">Text here</div> <div class="column">Text here</div> <div class="column">Text here</div> <div class="column">Text he

我需要获取共享类的元素的索引,它位于容器中,代码示例:

<div id="mycontainer">
    <div class="column">Text here</div>
    <div class="column">Text here</div>
    <div class="column">Text here</div>
    <div class="column">Text here</div>
</div>
<div id="mycontainer2">
    <div class="column">Text here</div>
    <div class="column">Text here</div>
    <div class="column">Text here</div>
</div>

此处文本
此处文本
此处文本
此处文本
此处文本
此处文本
此处文本
我阅读了
.index()
的jQuery API,您可以像这样使用它:
$(“选择器”).index(this)所有这些都很好

现在,如果我不知道
.column
元素的长度以停止在某个点计算索引,那么我如何知道包含它们的每个容器的第一个索引?我的意思是,0表示第一列,1表示第二列,0表示第三列,表示在另一个容器中,1表示第四列

我需要知道它,因为当鼠标进入一列时,它会应用一些样式,每个容器的第一个和最后一个都有不同的样式。如果我有一个容器,知道它是没有问题的,但是当有多个容器时问题就来了

添加

我有一个类,增加了15%的宽度。现在,如果它是每个容器的第一个,它将左移
left:0%
,如果它是最后一个,它将左移
left:85%。但是,如果鼠标上的列指向另一个列,它会执行代码添加15%并保持列居中

对于页面中的一个容器来说,所有这些都是一种魅力,但是如果我添加第二个容器,第一个容器中最后一列的索引,不是
类的最后一个索引,因此它不会添加
左:85%,第二个容器中的第一个容器也是如此。

如中所述:

如果没有向.index()方法传递任何参数,则返回值是一个整数,指示jQuery对象中第一个元素相对于其同级元素的位置


因此,只需执行
$(this).index()
即可获得元素索引及其同级。换句话说,它的子位置。

您是否尝试过
$(this.index()
?我不确定是否正确,但您是否想要这样的东西:?根据您问题中的标记,您将得到
$(this.index()
作为
0,1,0,1
$(this.index()
),@Karl AndréGagnon每次都给我0分selector@Cheshire但它不应该:。有些地方你做错了,或者你的html看起来不像你所展示的。