jQuery find() method not working in AngularJS directive

Question

I am having trouble with angularjs directives finding child DOM elements with the injected angular element.

For example I have a directive like so:

Answer 1

You can easily solve that in 2 steps:

1- Reach the child element using querySelector like that: var target = element[0].querySelector('tbody tr:first-child td')

2- Transform it to an angular.element object again by doing: var targetElement = angular.element(target)

You will then have access to all expected methods on the targetElement variable.