javascript - 通过祖 parent 的 parent 的类(class)选择一个css3元素

我在我的站点中实现了多个Rangeslider，因为这是实时生成的代码，所以我需要通过其父代父类选择一些元素。

这是时间轴类的代码，这是我可以设置的最后一个，我需要能够编辑.irs-line-right而无需更改其他滑块

最佳答案

在您的问题中，您声明要通过父元素访问元素。我不明白为什么这样做是必要的，但肯定有可能。您可以通过js更改元素样式，属性等。但是，如果只需要使用“ irs-line-right”类更改跨度样式，则最好简单地使用css。我将展示如何在CSS和javascript中执行此操作。

CSS示例

在CSS中，您可以更改“ irs-line-right”的样式
通过引用“时间轴” div（并且没有其他ID或类），如下所示：

https://jsfiddle.net/2t3w0826/

.timeline > div:nth-of-type(2) > span > span > span > span:nth-of-type(3)
{
  background-color: red;
}

Javascript范例

https://jsfiddle.net/8qceLgw8/

var array_of_all_timelines = document.getElementsByClassName("timeline");
for(var loop=0; loop < array_of_all_timelines.length; loop++)
{
  var element_irs_line_right = array_of_all_timelines[loop].children[1].children[0].children[0].children[0].children[2];
  element_irs_line_right.style.backgroundColor = "red";
};