jquery: how to ignore immediate children() and go deeper until match specified element?
<pre><code>$(this).parent().parent()
.children(this.attr("tagName").toLowerCase())
.css("background-color", "yellow");
</code></pre>

<p>xpath: </p>

<pre><code>/html/body/div/table/tr/td/b/a
</code></pre>

<p><code>$(this).tagName</code> is Anchor <code>&lt;a&gt;</code></p>

<p>the problem with this is that children() looks at the immediate children of <code>$(this).parent().parent()</code>. Hence it will highlight <code>&lt;b&gt;</code> instead of <code>&lt;a&gt;</code></p>

<p>i need a way to ignore this immediate children restriction, and select <code>&lt;a&gt;</code> not `</p>
