jquery - 在 div 中迭代所有子 div 并获取他们的名字

Question

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

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

我想计算除一个子 div 名称“BlindBox”之外的所有子 div 高度。我的代码不起作用。问题是什么

Answer 1

如果 this 不是 jQuery 对象，则取决于执行 this 的上下文，您需要选择它。还将孩子限制为仅 div-s：

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

Answer 2

除了评论中提出的建议外，代码看起来还不错。您是否检查过以确保您是从文档就绪事件中调用它的？如果不是，则在您进行调用时元素不会被渲染。

这是一个例子：

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

但是，这是首选的简写形式：

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

Answer 3

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

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