如何使用JQuery在另一个div中找到div的宽度

mil*_*ano 3 html javascript css jquery

嗨,我正在尝试运行此代码,找到div的宽度,这是在另一个div内.但它运行不正常.这该怎么做?

我想要div mitem1的宽度

码:

<!DOCTYPE html>
<html>
    <head>
    <style type="text/css">
        div#mydiv {
            width: 100px;
            height: 100px;
            background-color: red;
        }
    </style>
    <script language="JavaScript">
        $('.menubar').each(function(menu){
            var len = $(this).find('.mitem').text().length;
            alert(len);
        });
    </script>
    </head>
    <body>

        <div class="menubar">

            <table border="1"><tr>
                <td><div class="mitem1">Home</div></td>
                <td><div class="mitem1">Communities<ul><li>item1</li><li>item2</li><li>item3</li><li>item4</li><li>item5</li></div></td>
                <td><div class="mitem1">Project Gallery</div></td>
                <td><div class="mitem1">For Our Customer</div></td>
                <td><div class="mitem1">Our Services</div></td>
            </tr></table>

        </div>

    </body>
    </html>
Run Code Online (Sandbox Code Playgroud)

bil*_*can 8

$('.menubar .mitem1').each(function() {
  alert($(this).width());
});
Run Code Online (Sandbox Code Playgroud)

这是一个小提琴

如果你想获得宽度,包括paddingborder(和margin,可选),请使用outerWidth()