js动态向html中添加多条数据出现NaN

Question

for(var i=0;i<2;i++){    $(".data-contain").append(    +'<div class="have-data-contain">'+'<div class="have-data">'+'<div class="have-data-left">'+'<div class="have-data-left-left">'+'<img src="../images/no_pic.png" alt="default-icon" class="default-gift-icon">'+'</div>'+'<div class="have-data-left-right">'+'<p class="exchange-rule"><span>500</span>积分兑换<span class="goods-name">帽子</span></p>'+'<p class="amount-p">已兑换<span class="exchange-num">10</span>次</p>'+'</div>'+'</div>'+'<div class="have-data-right">'+'<button class="btn-gradient-confirm exchange-btn">立即兑换</button>'+'</div>'+'</div>'+'</div>');}结果每条数据前面都有一个NaN标志，谁知道是怎么回事吗？