使用jquery中的css属性动态设置宽度值

Set width value dynamically using css property in jquery?

本文关键字：设置 动态 属性 jquery 中的 css 使用      更新时间：2023-09-26

我正在尝试用一个新的动态创建的具有相同维度的div覆盖现有的div。我尝试使用现有div的高度和宽度来动态设置新div的宽度和高度。我正在获取divSize数组中现有div的维度，并将其传递给generateDiv函数

在检查该元素时，我发现它没有将高度和宽度属性值添加到CSS中。我做错了什么？我错过了什么吗？如果有任何帮助，我们将不胜感激五月代码如下：

function generateDiv(divSize, divContent, object) {
            $('<div class="divOverlay">' + divContent + '</div>').css({
                'width': divSize[0] + 'px !important',
                'height': divSize[1] + 'px !important',
                'background-color': '#ddd',
                'position': 'absolute',
                'color': '#56D9C9',
                'margin':'7px 7px 7px 0px',
                'zIndex': '100'
            }).appendTo($("#" + object).css("position", "relative"))
        }

改为使用这个：

function generateDiv(divSize, divContent, object) {
        $('<div>').addClass("divOverlay").html(divContent).css({
            'width': divSize[0] + 'px',
            'height': divSize[1] + 'px',
            'background-color': '#ddd',
            'position': 'absolute',
            'color': '#56D9C9',
            'margin':'7px 7px 7px 0px',
            'zIndex': '100'
        }).appendTo($("#" + object).css("position", "relative"))
    }

试试这个。首先附加html，然后应用css。

function generateDiv(divSize, divContent, object) {
            $('<div class="divOverlay">' + divContent + '</div>').appendTo($("#" + object).css("position", "relative")).css({
                'width': divSize[0] + 'px !important',
                'height': divSize[1] + 'px !important',
                'background-color': '#ddd',
                'position': 'absolute',
                'color': '#56D9C9',
                'margin':'7px 7px 7px 0px',
                'zIndex': '100'
            })
        }

$("<div />").attr('style', 'width: 100px !important;');

这将工作

相关文章：