jquery的）不通過新添加的表中的行

Question

我有一個很簡單的表

<table> 
<tr><td>1</td></tr> 
<tr><td>2</td></tr> 
<tr><td>3</td></tr> 
</table> 

當我在另一行追加到上表中的文本5 TD jquery的每個（）不會不循環遍歷新添加的行僅返回預定義的元素不是元素動態添加

$("table > tbody").append("<td>5</td>"); 
$("table tr td").each(function(){ 
    alert($(this).text()); 
}); 

請參閱JS FIDDLE LINK HERE

Answer 1

在tbody您不能追加td直接包裝他們在tr。

Live Demo

$("table > tbody").append("<tr><td>5</td></tr>"); 
$("table tr td").each(function(){ 
    alert($(this).text()); 
}); 

Answer 2

你的推理是不正確。找不到元素的原因是因爲您的選擇器不匹配您正在追加的元素的嵌套。

將td元素包裝在tr元素中。

Answer 3

你需要這樣做：

$("table > tbody").append("<tr><td>5</td></tr>"); 
$("table tr td").each(function(){ 
    alert($(this).text()); 
}); 

原因很簡單，你，你原來的代碼將產生新的行作爲<tbody><td>5</td></tbody>沒有，你是在每個功能尋找tr標籤。