如何使用JQuery在另一個div中找到div的寬度

Question

嗨，我正在嘗試運行此代碼，找到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>

Answer 1

$('.menubar .mitem1').each(function() {
  alert($(this).width());
});

這是一個小提琴

如果要獲取寬度，包括padding和border （和margin ，可選），請使用outerWidth()

Answer 2

問題1

你忘了在頁面中添加jQuery了。 添加它：

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

問題2

您必須將代碼放入文檔中：

$(function () {
});

問題3

現在你可以遍歷你的項目，並且為了訪問元素的寬度，在jQuery中使用.width()方法：

$(function () {
    $('.menubar .mitem1').each(function() {
        var width = $(this).width();

        // now do anything you want with width
    });
});

如何使用JQuery在另一個div中找到div的寬度

問題描述

2 個解決方案

解決方案1
8 已采納 2013-05-16 08:50:08

這是一個小提琴

解決方案2
3

問題1

問題2

問題3

如何使用JQuery在另一個div中找到div的寬度

問題描述

2 個解決方案

解決方案1 8 已采納 2013-05-16 08:50:08

這是一個小提琴

解決方案2 3

問題1

問題2

問題3

解決方案1
8 已采納 2013-05-16 08:50:08

解決方案2
3