Получение ширины самого широкого div внутри динамически генерируемого div

Question

У меня есть ASP.NET Web App, написанная на c # с использованием Bootstrap 4, которая динамически генерирует группу div внутри контейнера div.Первоначально, когда div генерируются на сервере, div имеют различную ширину.Когда div возвращаются в браузер и помещаются в контейнер div, я хочу использовать jQuery, чтобы установить ширину всех div, равную ширине самого широкого div + 100px.

Прямо сейчас мойПриведенный ниже код jQuery выполняет следующие действия: 1) Помещает сгенерированный HTML-код div, возвращенный с сервера, в контейнер div.2) Вызывает setTimeout, чтобы убедиться, что div полностью помещены в контейнер div, прежде чем продолжить.3) вызывает мою функцию MaxElementWidths, чтобы получить ширину самого широкого div, добавить 100px к ширине и установить ширину всех остальных div к этому значению.

function MaxElementWidths(strSelection) {
   var maxWidth;

   maxWidth = Math.max.apply(null, $(strSelection).map(function () {
        return $(this).outerWidth();
    }).get());

    $(strSelection).width(GetMaxWidth(strSelection) + 100);
}

$('#containerDiv').innerHTML = returnedDivsHTML;

setTimeout(function () { MaxElementWidths('#containerDiv'); }, 3000);

Это похоже на хит илипропустить результат.Иногда maxWidth в конечном итоге становится 0 (ноль), а div-элементам присваивается только ширина 100 пикселей.Кто-нибудь знает, как я могу убедиться, что div получит ширину самого широкого div + 100px?Могу ли я выполнить это в C # на стороне сервера до того, как div вернется в браузер, это решение Bootstrap или я могу изменить свой код jQuery?