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();
                }
            });

1つの子div名「BlindBox」を除くすべての子divの高さを計算したいです。私のコードが機能していません。問題は何ですか

Answer 1

これが実行されるコンテキストに応じて、これが 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();
            }
        });

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();
        }
    });