追加DOM元素的循環變量

Question

名這個代碼不工作，我不知道爲什麼;/

<div class="pet"> some info </div> 

for (i = 0; i < 100; i++) { 
    $('.pet').append('<p id="xxx'+ i +'">'+ i +'</p>'); 

    //other code... 

    for (var x = 0; x < 3; x++) { 
     $('"#xxx'+ i +'"').append('<p>'+ x +'</p>'); 
    } 
} 

但是當我例如使第二循環：

$('#xxx20').append('<p>'+ x +'</p>'); 

之後增加了一切21元

我使用的WebKit +的NodeJS

Answer 1

首先，你不應該使用<p>標籤內部的<p>標籤，因爲它是塊級元素。然後，你必須在你的代碼

for(var i = 0; i < 10; i++){ 
    $('.pet').append('<p id="xxx'+ i +'">'+ i +'</p>'); 

    //other code... 

    for (var x = 0; x < 3; x++) { 
     $('#xxx'+ i).append('<i>'+ x +'</i>'); 
    } 
} 

你可以看到，在你一個逗號，而不是一個分號，你的選擇是太「援引」你的第二個循環的一些小錯誤。