jquery - 如何在运行时应用 css 属性？

Question

我有html代码

 <div id="div1"></div>

我正在动态加载内容并根据内容在“成功”功能中设置其宽度

继承人的jQuery代码

data是php返回的数组，data.length=30；

 success: function (data) {
        var data1=data;
        var w2=(data1.length)*100;
        $("#div1").css({'width':w2+'px'});
        alert($("#div").width();

但是当我提醒它时，我得到 NULL 值并且 div1 设置了默认宽度

Answer 1

这是你的功能，我还删除了 data1，因为它没有用，并使代码更具可读性

function (data) {
    var w2 = data.length * 100;
    $("#div1").css('width', w2);
    alert($("#div").width());
}

Answer 2

像这样设置

      $("#div1").css('width', w2);

然后“#div1”而不是“#div”的警报宽度..像这样

      alert($("#div1").width());

所以完整的事情：

success: function (data) {
    var data1=data;
    var w2=(data1.length)*100;
    $("#div1").css('width', w2);
    alert($("#div1").width());
}

Answer 3

您将 css 应用于与警报中使用的选择器不同的选择器，并且警报未命中）

 $("#div1").css('width',w2+'px');
alert($("#div").width());