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看起来不像你所展示的。