How to get the value of table cell for each row and column using jquery
<p>HTML:</p>

<pre><code>&lt;div id="checkout-review-table-wrapper"&gt;
  &lt;table class="data-table" id="checkout-review-table" width="100%"&gt;
&lt;colgroup&gt;
&lt;col&gt;
&lt;col width="1"&gt;
&lt;col width="1"&gt;
&lt;col width="1"&gt;
&lt;/colgroup&gt;
&lt;thead&gt;
  &lt;tr class="first last"&gt;
    &lt;th rowspan="1"&gt;Product Name&lt;/th&gt;
    &lt;th colspan="1" class="a-center"&gt;Price&lt;/th&gt;
    &lt;th rowspan="1" class="a-center"&gt;Qty&lt;/th&gt;
    &lt;th colspan="1" class="a-center"&gt;Subtotal&lt;/th&gt;
  &lt;/tr&gt;
&lt;/thead&gt;
&lt;tfoot&gt;
  &lt;tr class="first"&gt;
    &lt;td style="" class="a-right" colspan="3"&gt; Subtotal &lt;/td&gt;
    &lt;td style="" class="a-right last"&gt;&lt;span class="price"&gt;AU$891.00&lt;/span&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td style="" class="a-right" colspan="3"&gt; Delivery (Free Shipping - Fixed) &lt;/td&gt;
    &lt;td style="" class="a-right last"&gt;&lt;span class="price"&gt;AU$0.00&lt;/span&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr class="last"&gt;
    &lt;td style="" class="a-right" colspan="3"&gt;&lt;strong&gt;Grand Total&lt;/strong&gt;&lt;/td&gt;
    &lt;td style="" class="a-right last"&gt;&lt;strong&gt;&lt;span class="price"&gt;AU$891.00&lt;/span&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;/tfoot&gt;
&lt;tbody&gt;
  &lt;tr class="first odd"&gt;
    &lt;td&gt;&lt;h3 class="product-name"&gt;Portland Polo T&lt;/h3&gt;
      &lt;dl class="item-options"&gt;
        &lt;dt&gt;Men Tops Size&lt;/dt&gt;
        &lt;dd&gt;XL &lt;/dd&gt;
      &lt;/dl&gt;&lt;/td&gt;
    &lt;td&gt;&lt;span class="cart-price"&gt; &lt;span class="price"&gt;AU$99.00&lt;/span&gt; &lt;/span&gt;&lt;/td&gt;
    &lt;td class="a-center"&gt;3&lt;/td&gt;
    &lt;td class="last"&gt;&lt;span class="cart-price"&gt; &lt;span class="price"&gt;AU$297.00&lt;/span&gt; &lt;/span&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr class="even"&gt;
    &lt;td&gt;&lt;h3 class="product-name"&gt;Graphite Hooded Vest&lt;/h3&gt;
      &lt;dl class="item-options"&gt;
        &lt;dt&gt;Men Tops Size&lt;/dt&gt;
        &lt;dd&gt;XL &lt;/dd&gt;
      &lt;/dl&gt;&lt;/td&gt;
    &lt;td&gt;&lt;span class="cart-price"&gt; &lt;span class="price"&gt;AU$99.00&lt;/span&gt; &lt;/span&gt;&lt;/td&gt;
    &lt;td class="a-center"&gt;2&lt;/td&gt;
    &lt;td class="last"&gt;&lt;span class="cart-price"&gt; &lt;span class="price"&gt;AU$198.00&lt;/span&gt; &lt;/span&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr class="last odd"&gt;
    &lt;td&gt;&lt;h3 class="product-name"&gt;Radar Low Loose&lt;/h3&gt;
      &lt;dl class="item-options"&gt;
        &lt;dt&gt;Men Jean Sizing&lt;/dt&gt;
        &lt;dd&gt;28/30 &lt;/dd&gt;
      &lt;/dl&gt;&lt;/td&gt;
    &lt;td&gt;&lt;span class="cart-price"&gt; &lt;span class="price"&gt;AU$99.00&lt;/span&gt; &lt;/span&gt;&lt;/td&gt;
    &lt;td class="a-center"&gt;4&lt;/td&gt;
    &lt;td class="last"&gt;&lt;span class="cart-price"&gt; &lt;span class="price"&gt;AU$396.00&lt;/span&gt; &lt;/span&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;/tbody&gt;
  &lt;/table&gt;
&lt;/div&gt;
&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
</code></pre>

<p>JavaScript:</p>

<pre><code>var pure = {};
pure = jQuery.noConflict(true);
c=0;
while(c&lt;4)
{
c++;
output='';
pure('#checkout-review-table tbody tr td:nth-child('+c+')').each(function() {
   output += pure(this).text();
});
alert(output);

}

&lt;/script&gt;
</code></pre>

<p>It gives all data of a column at a time. I need to get 4 column data of each row at a time. I mean first-row first-column, first-row second-column, first-row third-column, first-row fourth-column, second-row first-column and so on upto 12 data.
I couldn't make any change changes in the above table neither add any class as it is a self generated table. 
I would appreciate your help.</p>
