jquery - 在 JQuery 中查询内联样式属性

Question

我正在为一些特殊格式的 HTML 编写一个 JQuery HTML 解析器，我需要查询一个内联样式的值。

在代码中，我逐句通过特定的输入字段并将这种特定的样式保存到一个数组中...

这里首先是我用来遍历这些输入字段并获取宽度的代码。这有效但不返回正确的宽度值(我想要 EM 值)。

$('.inputBox',this).each(function(index)
{
   widthArray[widthArray.length] = $(this).attr('width');
}

这是其中一个输入框的简化示例

<input style="width:1.9500000000000002em;" maxlength="3" tabindex="1" class="inputBox" type="text">

感谢任何帮助。谢谢!

Answer 1

当然最简单的方法是从this的style属性中获取。

$('.inputBox', this).each(function(index) {
   widthArray[widthArray.length] = this.style.width;
});

Live Demo

从这里开始，这只是醉酒的猜测:理论上，您可以获得 style 属性并根据 拆分其中找到的值；。然后你可以在 : 上进一步拆分它们以获得键值对。

类似于:

$('.inputBox', this).each(function(index) {
   var stylestemp = $(this).attr('style').split(';');
   var styles = {};
   var c = '';
   for (var x = 0, l = stylestemp.length; x < l; x++) {
     c = stylestemp[x].split(':');
     styles[$.trim(c[0])] = $.trim(c[1]);
   }
   widthArray[widthArray.length] = styles.width;
});

Live Demo of Drunken Speculation