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