html - 如何轻松获取 Bootstrap 响应按钮的当前大小？

Question

我有一些类似下面的代码创建了一个按钮，该按钮的大小根据屏幕尺寸不断变化(因为“img-responsive”)。

<a class="btn btn-primary btn-lg btn-block img-responsive" id="btntest" href="#" role="button" onclick="showWidth()">{{button.label}}</a>

我想强制屏幕上的另一个元素与任意按钮大小相同。我需要确定按钮大小并将其他元素的大小设置为相同。我已经尝试了以下作为获取大小的开始，但它只显示一个空字符串。有什么想法吗？

//in css file
#btntest{display : inline-block;}
~~~~~~~
//in angular controller
showWidth = function() {
var e = document.getElementById("btntest");
console.log(e.style.width);
} 

Answer 1

包含 jquery 库:

<script src="...path to jquery.js in your website or use CDN" />

然后使用这个:

$("#btntest").width()