0

嗨，我正在尝试查找给定元素的实际宽度并弹出显示实际宽度的警报。

我正在使用的代码在这里..

html元素

<table cellspacing="1" cellpadding="5" style=";width:975px;border: 1px solid black;" id="menu_bar">

我正在使用这个：

var widthofmenubar = $(this).find("#menu_bar").width;
4

6 回答 6

1

试试喜欢

var widthofmenubar = $("#menu_bar").width();

并编辑您的html

<table cellspacing="1" cellpadding="5" style="width:975px;border: 1px solid black;" id="menu_bar">
于 2013-05-22T06:48:04.733 回答
0

jquery 中有两种宽度方法；1) .innerWidth 2) .outerwidth

innerwidth 计算不带边距宽度，outerWidth 计算带边距宽度。

$('#menu_bar').innerWidth();
$('#menu_bar').outerWidth();
于 2013-05-22T07:00:55.503 回答
0

添加()，您需要执行该.width()方法。

var widthofmenubar = $(this).find("#menu_bar").width();
于 2013-05-22T06:48:37.677 回答
0

$(this).find("#menu_bar").width();对于显示（渲染）的实际宽度和$(this).find("#menu_bar").css('width')应用的宽度

于 2013-05-22T06:59:20.127 回答
0 
var widthofmenubar = $("#menu_bar").width();
于 2013-05-22T06:49:10.253 回答
0 
Try this:


First you edit your code, remove ';' after style attr

Correct Code is:

<table cellspacing="1" cellpadding="5" style="width:975px;border: 1px solid black;" id="menu_bar">

Not

<table cellspacing="1" cellpadding="5" style=";width:975px;border: 1px solid black;" id="menu_bar">

// Get Table Width by ID

var tableWidth = $('#menu_bar').css('width');

alert(tableWidth ); // will alert table width
于 2013-05-22T06:51:42.770 回答