title: JQuery selectors: Apply rule to element when certain child is NOT clicked
body: <p>So I have a parent div with different elements inside. Right now I have it set up so when that parent div is clicked, it applies a "selected" css attribute (just highlights it). However, there is an anchor tag inside this div and I don't want the div to highlight if the anchor is clicked.</p>
  
  <p>My code to highlight the div</p>
  
  <pre><code>$(document).on("click",".playlist-row",function() {
          var selected = $(this);
          highlight(selected);
  });
  </code></pre>
  
  <p>Ideally, I want it to behave like this: (just pseudo code)</p>
  
  <pre><code>$(document).on("click",".playlist-row",function() {
      var selected = $(this);
      if ($(".childElement) is not the part clicked) {
          selectSongInPlaylist(selected);
      }
  });
  </code></pre>
  
  <p>Any elegant ways to get something like this to work?</p>