javascript：僅在父元素處於活動狀態且子元素具有特定類的情況下，才如何向子元素添加屬性？

Question

我正在嘗試使用2個單行滑塊而不是1個兩行滑塊來重新創建網格輪播滑塊，

因為我只想突出顯示“居中”和“活動”的單個元素，並且在兩行滑塊中2個元素是“居中”和“活動”。

我遇到了兩個問題，因為坦率地說我的JavaScript不太好。

簽出這支筆[ http://codepen.io/mathiasvanderbrempt/pen/zGpGvd

js：$（'。carousel：focus .frame.slick-center'）。css（'border'，'1px solid red'）;

第二個問題：

這將與事件偵聽器一起用於滾動方向，以使滑塊“聚焦”以允許使用方向箭頭（向左和向右）。 含義：如果我按向上箭頭，則窗口將向上移動（或者您可以取消此操作嗎？），活動滑塊將位於頂部，從而可以使用向左箭頭和向右箭頭直接導航，反之亦然。 [1]: http [1]: //codepen.io/mathiasvanderbrempt/pen/zGpGvd

Answer 1

使用CSS，而不是jQuery：

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