может как-то так:
<html>
<head>
</head>
<foo id="foo">foo</foo>
<body>
<div class="foo">
<ul>
<li>
<span>span</span>
<a href="">foo</a>
</li>
<li>
<a href="">foo</a>
</li>
</ul>
</div>
<div class="foo">
<ul>
<li>
<a href="">foo</a><br>
<a href="">bar</a>
</li>
<li>
<a href="">foo</a>
</li>
</ul>
</div>
<script>
$=function(str){
var arr=str.split(" ")
var result=[]
;[].map.call(document.querySelectorAll(arr[0]), function(el){
return [].map.call(el.querySelectorAll(arr[1]), function(el){
return [].forEach.call(el.querySelectorAll(arr[2]), function(el){
result.push(el)
})
})
})
return result
}
console.log ($(".foo li a"))
</script>
</body>
</html>