title: How to use a 'this' in the selector in queryselectorall
body: <p>Is it possible to use some kind of 'this' in the selector in querySelectorAll()?</p>
  
  <p>Explanation: If I use:</p>
  
  <pre><code>var _childlist = document.querySelectorAll("#treeIC &gt; li");
  </code></pre>
  
  <p>I got the result I wish for the first level in my tree. </p>
  
  <p>But if I use:</p>
  
  <pre><code>var _ICtree = document.getElementById("treeIC");
  var _childlist = _ICtree.querySelectorAll("li");
  </code></pre>
  
  <p>I got all the li tags nested down the tree. If I wrote:</p>
  
  <pre><code>var _childlist = _ICtree.querySelectorAll("&gt; li"); // or
  var _childlist = _ICtree.querySelectorAll("this &gt; li");
  </code></pre>
  
  <p>it doesn't work.</p>
  
  <p>I need to use a recursive call in my implementation and that why I need it. I know how do a workaround, but I would like to know if there is a way to use a 'this' in querySelectorAll() and write a more clean code.</p>