$(function () {
var num = 0;
var appendit = function(n) {
var div = document.createElement("div");
var txt = document.createTextNode(n + "回目のループ");
div.appendChild(txt);
var wrapper = document.getElementById("wrapper");
wrapper.appendChild(div);
}
var appendit_after = _.after(3, appendit);
$(".trigger").click(function(){
for(var i = 0; i < 4; i++) {
num++;
appendit_after(num);
}
});
});
<p>_.after Practice</p>
<div id="wrapper">
<a href="#" class="trigger" >クリックして発動</a>
</div>
p, div {
margin: 20px 20px 0px;
clear:both;
}
div.trigger2{
color:red;
}
External resources loaded into this fiddle: