jquery - 通过jQuery设置伪元素高度

我正在尝试相对于另一个div设置一个伪元素，但是正如我注意到的那样，无法直接设置它，因此我试图将其添加到head元素中，但是如果使用它，则不能使用变量，我需要的。

这是我的代码。

var sectionHeight = 0;
        $(window).load(function(){
            sectionHeight = $('.checkheight').outerHeight(true);
            $("#section1::before").css({"height":sectionHeight});


        })

那是我最初拥有的，在不知道无法通过jquery在CSS中设置伪元素的属性之前

这就是我现在所拥有的

var sectionHeight = 0;
        $(window).load(function(){
            sectionHeight = $('.checkheight').outerHeight(true);


        })
        $('<style>#section1:before{height: sectionHeight }</style>').appendTo('head');

但不会使用该变量设置高度。

有人知道我的问题的正确解决方案吗？

最佳答案

您只需要在onload处理程序内附加样式标签

$(window).load(function(){
    var sectionHeight = $('.checkheight').outerHeight(true);

    $('<style>#section1:before {height: ' + sectionHeight + 'px;}</style>').appendTo('head');
});