javascript：如果父元素处于活动状态并且子元素具有某个类，如何将属性添加到子元素？

Question

我尝试使用2个单行滑块而不是1个双行滑块重新创建网格轮播滑块，

因为我想只突出显示＆＃34;居中的单个元素＆＃34; AND＆＃34;活跃＆＃34;在一个双排滑块中，2个元素是＃34;居中的＃34;和＆＃34;活跃＆＃34;。

我遇到了两个问题，因为坦白说我的javascript并不是那么好。

看看这支笔 [http://codepen.io/mathiasvanderbrempt/pen/zGpGvd

JS：     $（＆＃39; .carousel：focus .frame.slick-center＆＃39;）。css（＆＃39; border＆＃39;，＆＃39; 1px solid red＆＃39;）;

第二个问题：

这将与滚动方向的事件监听器一起使滑块＆＃34;聚焦＆＃34;允许使用方向箭头（左和右）。 意思是：如果我按向上箭头，窗口会向上移动（或者你可以取消它吗？）并且活动滑块将是最顶层的滑块，可以使用左箭头和右箭头直接导航，反之亦然。   [1]: http://codepen.io/mathiasvanderbrempt/pen/zGpGvd

Answer 1

使用CSS，而不是jQuery：

.carousel:focus .frame.slick-center {
    background-color: red;
}