高さが等しい高さのjquery

Question

id = group1portのdivがあります。
このdivの中には複数のdivがあり、1つはidのgroup1porteqです。
divの高さを同じ高さにしていますが、私が持っているものでは、divグループの高さを変更しています。私は試しましたが（ '＃group1port div.group1porteq'）、これはうまくいきません。私はまた、 "div"を完全に削除しようとしましたが、それも動作しません。また、（ '＃group1porteq div'）に変更してみると、div内のすべてのdivの内容が同じになります。

「のdivクラス=」ポートレット光境「ID = 『group1porteqは』」私は同じ高さに

を持っている必要がある2つのdivのある私はすべてが複数のdivの内側を持っている、と私はちょうどしようとしていることのdivのを持っています1 divに等しい高さになるここにスクリプトのサンプルがあります。ここで

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

は、私は、私は完全にあなたが検索しようとしているもののdivの理解わからないんだけど、 "内にネストされたこの発見の両方の「group1porteq」のdivコード

<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

のサンプルですgroup1port 'div。

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

私は）何equalHeights（わかりませんが、あなたの問題は、すべてのセレクタに関連しているように聞こえます。セレクタオプションの完全なリストはここにありますhttps://api.jquery.com/category/selectors/

Answer 2

2つのdivにid：id = "group1porteq"が重複しています。あなたは同じidをページ上に持つことはできません。最初のステップとしてクラスに変更してみてください。このコードにCSSを追加できますか？あなたはテーブルを分割しようとしているようです。一度それを変更して、それがテーブルモデルを壊すかどうかを確認して、再び個別の高さを得ることができるように、class：class = "group1porteq"に "display：block"を追加してみてください。