追加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>'); 
    } 
} 

你可以看到，在你一个逗号，而不是一个分号，你的选择是太“援引”你的第二个循环的一些小错误。