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

您可以在第二个循环中看到一个逗号而不是分号，而您的选择器也是＃34;引用＆＃34;。

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

1 个答案: