无法循环遍历jquery创建的元素

Question

我在这样的div中添加了一堆链接：

$('#links').append('<a href="http://example.com/">Example</a>');

但是当我尝试使用$('#links a').each遍历它们时，它只会找到HTML中已存在的链接。

我做错了什么？

Answer 1

您上面给出的代码工作正常（经过测试）。这意味着你正在做其他导致问题的事情。可能性包括：

• 使用错误的选择器。
• 将元素添加到错误的位置。
• 将选择器的值存储在变量中，而不是在追加新元素后更新它。

我的个人猜测是最后一个，因为它是最不明显的。但我过去犯了三个错误。希望有所帮助。

Answer 2

这很奇怪，但尝试在操作之后查看DOM，以防最终HTML不像您期望的那样。您可以通过Web开发人员工具栏（查看生成的源代码）或通过firebug执行此操作。

Answer 3

这应该有效。 如果你做了更像这样的事情，它就行不通了：

$('#links').append('<a href="http://example.com/">Example</a>').find('a').each();

或在执行追加

之前提取$('#links a')