title: Selecting some kind of closest child with jQuery seems not to work
body: <p>I try to implement a nested tab module the following way.</p>
  
  <p>By clicking on a .tabs__menu item I want to get the next .tabs__contents to display the correct entry.</p>
  
  <p>I've prepared a codepen with markup and leave out all unimportant code so don't be irritated that it's not working. I don't understand why the variable debug2 is 0 and debug3 is 1. I expect debug2 to be 1 as well since I expect the following expression should find the element. Can anyone help me with this?:</p>
  
  <pre><code>.find(".tabs__contents").not(".tabs__contents .tabs__contents");
  </code></pre>
  
  <p><a href="https://codepen.io/anon/pen/JNLWQp" rel="nofollow noreferrer">https://codepen.io/anon/pen/JNLWQp</a></p>
  
  <p>Thanks in advance and best wishes,
  duc</p>