Angularjs:如何检查元素的子元素是否包含某些元素(通过ID)

Angularjs: How to check if element's children contains certain element (by ID)

本文关键字:元素 包含某 是否 通过 ID 检查 Angularjs 何检查      更新时间:2024-06-23
<div id="divWrapper">
    <input id="firstInput"/>
    <div id="insideDiv">
        <input id="secondInput"/>
    </div>
</div>

这是我的HTML的基本结构。因此,如果可以访问"divWrapper"元素,我如何检查它是否包含"secondInput"。

注意:这是在没有jQuery的情况下完成的。仅使用 Angularjs 实用程序函数。

更新:解决方案应该是动态的。这意味着它应该找到任何孩子,它在 DOM 树中有多少级别。

更新2:请不要被"输入"元素误导。我不想跟踪其中的文本。我想要一个逻辑来检查我或我的任何孩子是否被点击。如果没有,那就把我和我的孩子藏起来。

var secondInput = angular.element(document.querySelector("#divWrapper #insideDiv #secondInput"));

这将返回您要查找的元素,如果未找到任何内容,则返回空。

angular.element("#someId").find("someOtherSelector")已经完全按照你想要做了。

所以对于你的问题,你可以做...

angular.element("#divWrapper").find("#secondInput"); // Empty array OR a match