Javascript 如何链接相同的索引元素

。按钮，
.weChangeColor{
宽度：50%；
身高：100%；
浮动：左；
}
.WECHANGECORP{
背景：红色；
边框：1px实心；
}
.切换颜色{
背景：绿色；
}

第一段

第二段

蒂德帕拉

使用jQuery在js中尝试这样做：

jQuery（'.buttons p'）。单击（function（）{
jQuery（'.weChangeColor p'）.eq（$（this.index（））.toggleClass（'toggleColor'）；
});
。按钮，
.weChangeColor{
宽度：50%；
身高：100%；
浮动：左；
}
.WECHANGECORP{
背景：红色；
边框：1px实心；
}
.weChangeColor p.toggleColor{
背景：绿色；
}




第一段

第二段

蒂德帕拉

您可以使用jQuery
index（）
和
eq（）
函数

以下是一个例子：


$（“.buttons p”）。单击（函数（）{
$（“.weChangeColor p”）.eq（$（this.index（））.toggleClass（“toggleColor”）；
$（this.toggleClass（“toggleColor”）；
});
。按钮，
.weChangeColor{
宽度：50%；
身高：100%；
浮动：左；
}
.WECHANGECORP{
背景：红色；
边框：1px实心；
}
p、 切换颜色{
背景：绿色；
}




第一段

第二段

蒂德帕拉

对于纯CSS解决方案，您可以使用伪类
：target
和target
p
，方法是为每个
p
提供
id

像这样：


。按钮，
.weChangeColor{
宽度：50%；
身高：100%；
浮动：左；
}
：目标{
背景：绿色；
}




第一段

第二段

ThirdPara
请检查代码是否可以解决您的问题

谢谢


jQuery（'.buttons p'）。单击（function（）{
var ClickedElemenet=jQuery（this.index（）；
var GetElement=jQuery（'.weChangeColor p'）.get（ClickedElemenet）；
jQuery（GetElement）.toggleClass（'toggleColor'）；
});
。按钮，
.weChangeColor{
宽度：50%；
身高：100%；
浮动：左；
}
.WECHANGECORP{
背景：红色；
边框：1px实心；
}
.切换颜色{
背景：绿色！重要；
}




第一段

第二段

蒂德帕拉

请共享您的代码。@athimohan已更新。您在哪里应用上面定义的toggleColor类？@Kosch这是我需要的代码。应链接具有相同数组索引的a和p标记。html可以更改吗？很棒且准确。@YashYadav您现在可以检查您的答案完全正确，但不适合我的场景。除此之外，它是正确的。正确的答案，更容易理解。