javascript - 在 Javascript 中更改 CSS 子类的值

Question

所以我在 style.css 中有一个简单的类/子类。我无法为元素分配一个 id 或在 CSS 中使用 # 将其定义为 id。所以没有简单的 getElementById()。我需要使用 javascript 或 jquery 将“top”值动态更改为各种大小。

.slider-edit .bx-prev {
    position: absolute;
    top: 265px;
    left: -32px;
    width: 31px;
    height: 31px;
    text-indent: -999999px;
    background: url(../images/icon_arrow_left.png) no-repeat 0 -31px;
}

我已经搜索了网站和网络，尝试过类似的方法，但没有成功。

$("slider-edit bx-prev").css("top","100px");
$(".slider-edit .bx-prev").css("top","100px");
document.getElementsByClassName('slider-edit bx-prev').style.top = "100px";
document.getElementsByClassName('.slider-edit .bx-prev').style.top = "100px";

如有任何帮助，我们将不胜感激。

Answer 1

这个工作正常:

$('.slider-edit .bx-prev').css("top", "100px");