迭代所有子div的div并得到他们的名字

时间:2012-10-07 19:31:49

标签: jquery

基本上我想计算除一个之外的所有子div高度 这是我的代码

            var allChildDivHeight = 0;
            this.children().each(function (e) {
                //alert($(this).attr('id'));
                if ($(this).attr('id') != 'BlindBox') {
                    allChildDivHeight = allChildDivHeight + $(this).outerHeight();
                }
            });

我想计算所有子div高度,不包括一个子div名称“BlindBox”。我的代码无效。什么是问题

3 个答案:

答案 0 :(得分:0)

如果这不是jQuery对象,则根据执行此操作的上下文,您需要选择它。同时将孩子限制为div-s:

        var allChildDivHeight = 0;
        $(this).children('div').each(function (e) {
            //alert($(this).attr('id'));
            if ($(this).attr('id') != 'BlindBox') {
                allChildDivHeight = allChildDivHeight + $(this).outerHeight();
            }
        });

答案 1 :(得分:0)

除了评论中提出的建议外,代码看起来很合理。您是否已检查以确保从文档就绪事件中调用此文件?如果不是,则在您拨打电话时尚未呈现元素。

以下是一个例子:

$(document).ready(function() {
    // Your code here
});

然而,这种做法的简便方式是:

$(function() {
    // Your code here
});

答案 2 :(得分:0)

如果您想计算页面中除“BlindBox”之外的所有div高度,请尝试以下“

    var allChildDivHeight = 0;
    $('div').each(function (e) {
        if ($(this).attr('id') != 'BlindBox') {
            allChildDivHeight = allChildDivHeight + $(this).outerHeight();
        }
    });