Script to make Table Cells equal height of the tallest cell - Per Row, but it is making all cells the height of the tallest cell on the page!

Script to make Table Cells equal height of the tallest cell - Per Row, but it is making all cells the height of the tallest cell on the page!

jQuery version: jQuery 1.5.2

Problem Description:

I am using the following HTML to show 6 categories on a page, each category has a different size list of items beneath the cell heading...

I want to make the height of all cells PER ROW to be equal.  My script currently is making ALL cells on the entire page the height of the largest cell.  How can I make it only apply the highest height per row?

jQuery Script:

  1. var divheight = 0;
  2.     $(".lRow").each(function(){
  3.         $(".nexTextblock").each(function(){
  4.             if($(this).height() > divheight) divheight = $(this).height();
  5.         });
  6.         $(this).height(divheight);
  7.     });

HTML:

  1. <td>
  2.     <div class="lRow">
  3.         <div class="nexTextblock nexPoWmain">
  4.             <div class="nexGreen">
  5.                 <a href="" class="NXbold NXwhite">Title&nbsp;»</a>
  6.             </div>
  7.             <p align="center">
  8.                 <img width="150px" src="" class="mainProduct">
  9.             </p>
  10.             <div class="nexTextbody">
  11.                 <a href="">Title&nbsp;»</a>
  12.                 <br>
  13.             </div>
  14.         </div>
  15.         <div class="nexTextblock nexPoWmain">
  16.             <div class="nexGreen">
  17.                 <a href="" class="NXbold NXwhite">Title&nbsp;»</a>
  18.             </div>
  19.             <p align="center">
  20.                 <img width="150px" src="" class="mainProduct">
  21.             </p>
  22.             <div class="nexTextbody">
  23.                 <a href="">Title&nbsp;»</a>
  24.                 <br>
  25.             </div>
  26.         </div>
  27.         <div style="clear: both;">
  28.         </div>
  29.     </div>
  30.     <div class="lRow">
  31.         <div class="nexTextblock nexPoWmain">
  32.             <div class="nexGreen">
  33.                 <a href="" class="NXbold NXwhite">Title&nbsp;»</a>
  34.             </div>
  35.             <p align="center">
  36.                 <img width="150px" src="" class="mainProduct">
  37.             </p>
  38.             <div class="nexTextbody">
  39.                 <a href="">Title&nbsp;»</a>
  40.                 <br>
  41.             </div>
  42.         </div>
  43.         <div class="nexTextblock nexPoWmain">
  44.             <div class="nexGreen">
  45.                 <a href="" class="NXbold NXwhite">Title&nbsp;»</a>
  46.             </div>
  47.             <p align="center">
  48.                 <img width="150px" src="" class="mainProduct">
  49.             </p>
  50.             <div class="nexTextbody">
  51.                 <a href="">Title&nbsp;»</a>
  52.                 <br>
  53.             </div>
  54.         </div>
  55.         <div style="clear: both;">
  56.         </div>
  57.     </div>
  58.     <div class="lRow">
  59.         <div class="nexTextblock nexPoWmain">
  60.             <div class="nexGreen">
  61.                 <a href="" class="NXbold NXwhite">Title&nbsp;»</a>
  62.             </div>
  63.             <p align="center">
  64.                 <img width="150px" src="" class="mainProduct">
  65.             </p>
  66.             <div class="nexTextbody">
  67.                 <a href="">Title&nbsp;»</a>
  68.                 <br>
  69.             </div>
  70.         </div>
  71.         <div class="nexTextblock nexPoWmain">
  72.             <div class="nexGreen">
  73.                 <a href="" class="NXbold NXwhite">Title&nbsp;»</a>
  74.             </div>
  75.             <p align="center">
  76.                 <img width="150px" src="" class="mainProduct">
  77.             </p>
  78.             <div class="nexTextbody">
  79.                 <a href="">Title&nbsp;»</a>
  80.                 <br>
  81.             </div>
  82.         </div>
  83.         <div style="clear: both;">
  84.         </div>
  85.     </div>
  86.     <div class="lRow">
  87.         <div class="nexTextblock nexPoWmain">
  88.             <div class="nexGreen">
  89.                 <a href="" class="NXbold NXwhite">Title&nbsp;»</a>
  90.             </div>
  91.             <p align="center">
  92.                 <img width="150px" src="0" class="mainProduct">
  93.             </p>
  94.             <div class="nexTextbody">
  95.                 <a href="">Title&nbsp;»</a>
  96.                 <br>
  97.             </div>
  98.         </div>
  99.         <div class="nexTextblock nexPoWmain">
  100.             <div class="nexGreen">
  101.                 <a href="" class="NXbold NXwhite">Title »</a>
  102.             </div>
  103.             <p align="center">
  104.                 <img width="150px" src="" class="mainProduct">
  105.             </p>
  106.             <div class="nexTextbody">
  107.                 <a href="">Title »</a>
  108.                 <br>
  109.             </div>
  110.         </div>
  111.         <div style="clear: both;">
  112.         </div>
  113.     </div>
  114.     <div class="lRow">
  115.         <div class="nexTextblock nexPoWmain">
  116.             <div class="nexGreen">
  117.                 <a href="" class="NXbold NXwhite">Title »</a>
  118.             </div>
  119.             <p align="center">
  120.                 <img width="150px" src="" class="mainProduct">
  121.             </p>
  122.             <div class="nexTextbody">
  123.                 <a href="">Title »</a>
  124.                 <br>
  125.             </div>
  126.         </div>
  127.         <br clear="both">
  128.     </div>
  129. </td>