javascript - 使用 Angular 集 id 访问元素

Question

我在我的应用程序中动态创建了以下格式的元素:

< div id = "div{{var}}" > ... < / div> 其中 var 始终是整数。

我在页面源代码中看到它正在按预期创建 ids，但 JS 选择器似乎没有以这种方式识别它。当尝试使用 jQuery 访问这些项目时，我根本无法通过 id 选择它们。尝试使用 var=1 选择 div 时的示例

$('#div1')未定义。

所以我想知道当元素包含 Angular 变量时是否有一种特殊的方法可以通过 id 访问元素。

Answer 1

请确保在设置 ID 之前不会执行 jQuery 代码。

如果 $("#div1") 在 div 获取“div1”ID 之前执行，那么 jQuery 将返回一个类型为“object”的对象，而不是“未定义”。您可以使用以下代码进行测试:

console.log("The type is: " + typeof($("#idOfSomethingThatDoesNotExist")));

结果:

The type is: object