从动态追加的子项中选择一个元素

Question

我有一个div，它通过从ajax接收新数据来更新内容。我删除旧内容并将新数据附加到div。问题是当我无法选择附加到div的子项时。

这是我的代码：

<div id="page-container" style="width: 55px;"> //div I want to update contents
     <div class="page-div">1</div> // appended childs
     <div class="page-div">2</div>
</div> 

这些行不起作用：

$("#page-container:nth-child(2)")
$("#page-container").eq(1)

你们知道这是什么问题吗？

Answer 1

你需要

$("#page-container > :nth-child(2)")

或

$("#page-container > :eq(1)")
$("#page-container").children(':eq(1)')
$("#page-container").children().eq(1)

注意：只有在追加子项后才需要执行这些选择器

#page-container:nth-child(2)查找标识为page-container的元素，该元素是其父级的第二个子级

$("#page-container").eq(1)查找id为page-container的元素，该元素位于索引1处，永远不会存在，因为id选择器将始终返回1个元素