// var $addpin = $('#main').append($("<div class='pin'>"));
var $addpin = $("<div class='pin'>").appendTo( $( "#main" ) );
// var $addbox=$addpin.append($("<div class='box'>"));
var $addbox = $('<div class="box">').appendTo( $addpin );
$('<img>').attr('src','./images/' + $( value).attr( 'src') ).appendTo($addbox);
// $addbox.append($('<img>').attr('src','./images/'+$(value).attr('src')));
为啥要混用呢?你这注释还真是乱,var div="<div class='box'><div class='pic'><img src='img/"+i+".jpg' /></div></div>";直接这样多好,而且你定义变量为啥要加$