從動態添加子元素中選擇一個元素

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個元素，所以它不會出現在那裏。