jquery - jquery なしの jqlite - 子をクリックしたときの $(this) の置き換え

Question

私はすべてのjqueryをjqliteに置き換えようとしているので、私の問題はこのようなものです

<div id="mainDiv">
    <br>
    <div class="childDiv">
        <input type="hidden" id="hdn" value="test1" />
    </div>
    <br>
    <div class="childDiv">
        <input type="hidden" id="hdn" value="test1" />
    </div>
    <br>
    <div class="childDiv">
        <input type="hidden" id="hdn" value="test1" />
    </div>
    <br>
</div>

div childDiv は javascript から動的に追加されました

jquery では、次のように使用できます。

angular.element(document.querySelector('#mainDiv')).children('div')
    .on('click', function () {
        temp = $(this).find('input[type="hidden"]');
    });

$(this) は jquery であるため、このように jqlite に置き換えたいのですが、 temp=angular.element(document.querySelector(this)).find('input[type="hidden"]'); うまくいきません..助けてください..何か考えはありますか?