javascript - 在另一个 div 中添加动态 div

Question

我尝试使用下面的代码添加具有某些属性的动态 div，但代码不起作用。

<div id="divsholder"></div>

var num = "4";
var container = $('<div />');
for(var i = 1; i <= num; i++) {
container.append('<div id="mystyle" class="pic'+i+'" />');
}
$('#divsholder').html(container);

有什么想法吗？

Answer 1

使用 jQueries“APPEND” 函数尝试类似的操作检查我的 fiddle :http://jsfiddle.net/somdow/9A6DA/2/

在这个例子中，我做到了当 p 标签达到 4 时，它会提醒用户。您可以在第四个事件等之后添加您想要发生的任何事情。

CSS:

#mainW{width:200px; background:#f00; text-align:center;}
.blu{ background-color:blue; }

html:

<div id="mainW">
    <a href="#"> content here,</a><br/>

</div>

这是 jsfiddle 所需的代码。js/jq

$('#mainW a').click(function(){

    $('#mainW').append( "<p>Test</p>" );

    if( $('p').length == 4 ){ alert("lopan")}
});