Question

我知道我可以使用.width()和.css('width')来获取元素的计算宽度，但是如何获取在width属性的元素上设置的值？这与计算的宽度值不同，我需要动态了解预期的宽度。

Answer 1

一旦使用jQuery操作它，

style属性就会被更改。因此以后无法检索。最好的方法，我认为如果你需要它会在负载下备份。

$(function() {
   var backup = $("#element").attr("style");
   // do others
});

请参阅this demo以获取我的观点。

稍后您可以使用.split()方法提取此类信息

sp = backup.split(";");
$.each(sp, function(k,v) {
    var params = v.split(":");
    var att = params[0];
    var val = params[1];
    //alert(att+val);
});

Demo

Answer 2

您可以访问文档的样式表：

var ss = document.styleSheets;

    for (var i=0; i<ss.length; i++) {
        var rules = ss[i].cssRules || ss[i].rules;

        for (var j=0; j<rules.length; j++) {
            if (rules[j].selectorText === ".classname") {
                //your code
            }
        }
    }

你如何用JQuery找到非计算的CSS宽度

2 个答案:

Demo