从动态添加子元素中选择一个元素

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)查找与ID page-container元素这是唯一的后其父母的第二个孩子

$("#page-container").eq(1)寻找一个id为page-container的元素，它位于索引1，因为id选择器将总是返回1个元素，所以它不会出现在那里。