从jquery更改css

stszievb  于 2022-12-01  发布在  jQuery
关注(0)|答案(2)|浏览(139)

你好,我有这个CSS代码:

.bar .progress-line.html span {
  width: 78%;
}

如何从javascript更改宽度?我已经尝试了很多方法,如

$(".bar .progress-line.html span").css("width", "10%");

但是什么也没有发现。
我也试过这个:

$(".bar .progress-line.html span").css("width", "10%");

但什么也没发生。
原始示例:https://codepen.io/Prashal9499/pen/oNWzPqR

c3frrgcw

c3frrgcw1#

如果你想改变文本,请查看我评论中指向你原始帖子的链接。
您可以手动执行此操作,如下所示:
新类别:

.progress-line.html span.change::after {
    content: "55%";
}

jQuery查询

$(".progress-line.html span").css("width", "55%");
$(".progress-line.html span").addClass("change");
mitkmikd

mitkmikd2#

当目标是多个元素时,你必须在类名之间设置一个逗号。

$(".bar, .progress-line, .html, span").css("width", "10%");

相关问题