title: Is it possible to return the child element of a parent element click function?
body: <p>I want to have a click function for the entire <code>&lt;tr&gt;</code>, but when I click on it, I want to return the child element of where my mouse clicked. I know I can just do a <code>&lt;td&gt;</code> function, but is it possible to achieve this without specifying the child element with the function?
  <br>
  HTML</p>
  <pre><code>&lt;tr&gt;
     &lt;td&gt;1&lt;/td&gt;
     &lt;td&gt;2&lt;/td&gt;
     &lt;td&gt;3&lt;/td&gt;
     &lt;td&gt;4&lt;/td&gt;
  &lt;tr&gt;
  </code></pre>
  <p>JS/Jquery</p>
  <pre><code>$(document).on(&quot;click&quot;, &quot;tr&quot;, function () {
   return child clicked element.text;
  });
  </code></pre>