title: How to find previous table cell using jQuery?
body: <p>I have a 4 col table, n rows. </p>
  
  <pre><code>&lt;table border="0"&gt;
  &lt;tr&gt;&lt;td&gt;&lt;p&gt;Cell 1 text&lt;/p&gt; &lt;/td&gt;&lt;td&gt;chkbox in cell2&lt;/td&gt;&lt;td&gt;&lt;p&gt;Cell 3 text&lt;/p&gt;&lt;/td&gt;&lt;td&gt;chkbox in cell4&lt;/td&gt;
  &lt;/tr&gt; 
  &lt;/table&gt;
  </code></pre>
  
  <p>I want to find and change CSS of previous cell on click of checkbox. So if checkbox in  any row, cell 2 is clicked I need to act on contents of that row, cell 1, or if any row,  cell 4 is clicked I need to act on that row, cell 3.
  I have tried <code>$(this).parents('td:first').find('p').text();</code> 
  but this gets both cell 1 &amp; cell 3
  I do not really want to assign an id to all the cells. Any suggestions please?</p>