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

Question

我试图设置一个相对于另一个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');

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

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

Answer 1

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

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

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