title: Get td class of clicked tr?
body: <p>How can I get the class of td from clicked tr?</p>
  
  <p>I've this structure:</p>
  
  <pre><code>&lt;tr role="row" data-id="1" class="odd parent"&gt;
     &lt;td class="sorting_1"&gt;test&lt;/td&gt;
     &lt;td&gt;foo&lt;/td&gt;
     &lt;td&gt;3223232&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>I wrote this code:</p>
  
  <pre><code>$('#datatable &gt; tbody &gt; tr').click(function()
  </code></pre>
  
  <p>what I want to do is prevent to handle the code above if the user click on the <code>td</code> with class <code>sorting_1</code>. Each tr have a td with this class, so I need to check if the user have clicked on this td class, and prevent the code execution.</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>The code provided by @T.J. Crowder working good but, when I click on the <code>&lt;td&gt;</code>that have this class I cannot continue the code, that's correct. But I need to check if the td also contains <code>::before</code>, infact this will added when the html does not have sufficient space (responsive), the right structure in this case is:</p>
  
  <pre><code>&lt;tr role="row" class="odd parent" data-id="1"&gt;
      &lt;td class="sorting_1"&gt;test&lt;/td&gt;
         ::before
         "test"
      &lt;td&gt;foo&lt;/td&gt;
      &lt;td&gt;3223232&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>