Javascript 从循环变量中追加DOM元素名称

这个代码不起作用，我不知道为什么/

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

一些信息
对于（i=0；i<100；i++）{
$（'.pet'）.append（'
“+i+'
”）；
//其他代码。。。
对于（变量x=0；x<3；x++）{
$（“#xxx”+i+”）。追加（“”+x+”
）；
}
}

但当我在第二个循环中进行时：

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

$（'#xxx20'）。追加（''+x+'
'）；

它在21元素之后添加所有内容

---

我正在使用webkit+nodejs

首先，您不应该在

标记中使用

标记，因为它是块级元素。那么您的代码中有一些小错误

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

for（变量i=0；i<10；i++）{
$（'.pet'）.append（'
“+i+'
”）；
//其他代码。。。
对于（变量x=0；x<3；x++）{
$（'#xxx'+i）.附加（''+x+''）；
}
}

您可以看到，在第二个循环中，您使用逗号而不是分号，并且您的选择器太“引用”了。
您想做什么？我想在循环内使用loop向div添加一些内容。这个逗号在开处方时是错误的，仍然不知道如何修复它一个多小时我尝试引用这个选择器，这是我的问题think@GrzegorzNowak你能接受我的回答吗？我会很感激的，对不起。我忘了。