jquery - 没有 jquery 的 jqlite - 单击子项时替换 $(this)

Question

我正在尝试用 jqlite 替换所有 jquery 所以我的问题是这样的

<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) 因为它是一个带有 jqlite 的 jquery 像这样： temp=angular.element(document.querySelector(this)).find('input[type="hidden"]'); 但它不起作用..请帮助..任何想法？

Answer 1

您应该用双引号将 id 括起来，例如

<div id="mainDiv">