在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");