是否可以获得jquery选项卡的总宽度？

Question

是否可以使用不同长度的文本获取不同标签的宽度？

例如

|选项卡1 |晕车|电脑|

标签1 = 20px

晕车标签= 100px

计算机标签= 60px

类似的东西

Answer 1

这取决于你想要多少宽度。您可以使用outerWidth包含边距或width来获取基本宽度。

其中tab1和motionSickness是元素ID：

var width = $('#tab1').width();
var outerWidth = $('#motionSickness').outerWidth();
var totalWidth = $('#tab1').width() + $('#motionSickness').width();

此外：

如果你想循环遍历它们，你可以使用与上面相同的id，如下所示：

var totalWidth = 0;
$('#tab1, #motionSickness').each(function(){
   totalWidth += $(this).width();
});

您还可以为所有这些标签元素添加一个类，然后将$('#tab1, #motionSickness')更改为$('.tab')。此外，可能有助于更新jQuery API以获取正确的选择器和方法等。