如何在jQuery/javascript中获取边框宽度

Question

如何解析边框宽度

style="border: solid 1px black;"

在jQuery/javascript？

$elem.css('border-width')

不这样做.

注意我需要解析css的宽度,因为元素可能是 display:none

谢谢

编辑我实际上并没有使用内联样式,我只是为了简单而编写它,因为我没有意识到存在任何行为差异.它似乎适用于内联样式,但仍然无法从应用的css类中获得任何值.

Answer 1

你可以使用parseInt();从解析边框宽度Npx到N:

var width = $elem.css('borderWidth'); // 150px
var parsed = parseInt(width);         // 150

我有一个谷歌周围,为了获得边框的宽度,你必须提供一个明确的边框:

var borderWidth = $elem.css("border-left-width");

这是因为每个边框都可以有不同的尺寸,样式和颜色.不幸的是,它似乎并不比这更简单.

Answer 2

jQuery不允许-在引用CSS属性时使用,因此删除hypen并将以下字母大写.

$elem.css('borderWidth');

用jsFiddle编写来演示.

Answer 3

在寻求他离开边界并包括关于基数的难以捉摸的评论时,要完成Generic的答案:

<div style="border-style:solid;border-left-width:15px;"></div>

在脚本中:

var width =parseInt($('div').css('borderLeftWidth'),10);
alert(width);

Answer 4

var bordersOnBothSides = $("#measureMe").outerWidth() - $("#measureMe").innerWidth() );