Prblem с равными высотами jquery

Question

У меня есть div с id=group1port.
Внутри этого div находится несколько div, один из которых id group1porteq.
Я использую равную высоту, чтобы сделать div такой же высоты, однако, с тем, что у меня есть, он в настоящее время изменяет высоту всех div, когда я только хочу, чтобы он воздействовал на div group1porteq. Я пытался ('# group1port div.group1porteq'), но это не работает. Я также попытался полностью удалить "div", и это тоже не работает. Также попытался изменить его на ('# group1porteq div'), а затем просто сделать все div внутри этого div равными.

"Div class =" portlet light border "id =" group1porteq "" - это два div, которые мне нужны, чтобы иметь одинаковую высоту

У меня есть div'ы, которые все имеют несколько div'ов внутри, и я пытаюсь просто получить равную высоту за 1 div. Вот образец сценария.

     <script>
     if($(window).width() > 800){
         $('#group1port div').equalHeights();
     }
    </script>

Вот пример кода

<div class="row" id="group1port">
    <div class="col-md-4 col-sm-4">
        <div class="portlet light bordered" id="group1porteq">
            <div class="portlet-title">
                <div class="caption">
                    <i class="icon-bar-chart font-dark hide"></i>
                    <span class="caption-subject font-dark bold uppercase">Bulletin</span>
                </div>
            </div>
            <div class="portlet-body">
                text
            </div>
        </div>
    </div>
    <div class="col-md-4 col-sm-4">
        <div class="portlet light bordered" id="group1porteq">
            <div class="portlet-title">
                <div class="caption">
                    <i class="icon-bar-chart font-dark hide"></i>
                    <span class="caption-subject font-dark bold uppercase">Bulletin</span>
                </div>
            </div>
            <div class="portlet-body">
                text
            </div>
        </div>
    </div>
</div>

Answer 1

У вас есть дубликат id: id="group1porteq" в двух div. Вы не можете иметь идентичный идентификатор на странице. Попробуйте изменить его на класс в качестве первого шага. Можете ли вы добавить немного CSS к этому коду? Казалось бы, вы пытаетесь разбить стол на части. Попробуйте добавить "display: block" к классу: class="group1porteq", как только вы измените это, и посмотрите, не нарушает ли он модель таблицы, чтобы вы могли снова получить отдельные высоты.

Answer 2

Я не уверен, что полностью понимаю, какой div вы пытаетесь найти, но оба эти div'а 'group1porteq' вложены в div 'group1port'.

$('#group1port').find('#group1porteq').each(function() {
    // Do equal height stuff
});

Я не знаю, что equalHeights(), но похоже, что все ваши проблемы связаны с селекторами. Вы можете найти полный список опций выбора здесь https://api.jquery.com/category/selectors/