js中append与prepend的使用

1.append是指在被选元素的末尾插入一级子元素。而prepend是指在被选元素的首部插入一级子元素。

2.for循环append要看清重复的部分。可分为大的append和小的append。如下例

                          
                            //大循环动态添加大的食堂的DIV
                            //小循环动态添加每个食堂小的商家的DIV
                            var newdata=response.data;
                            newdata.sort(sortId);

                            var canteen_num=0;
                            var count=0;
                            for(var i = 0; i < _res.length; i++) {
                                $("#search_msg").append(
                                    '<div class="c-comment">'+
                                    '<span class="canteenStyle">'+newdata[canteen_num]["canteenName"]+'</span>'+
                                    '</div>'+
                                    '<div class="c-comment-list" style="border: 0;">'+
                                    '<div id="canteen_' + canteen_num + '">'+
                                    '</div>'+
                                    '</div>'+
                                    '<div class="clear"></div>'


                                )
                                for(var ii=0;ii<parseInt(_res[i][1]);ii++)
                                {
                                    $("#canteen_"+canteen_num).append(
                                        '<div class="c-comment-list" style="border: 0;">'+
                                        '<a class="o-con" href="javascript:void(0);"  onclick="gotocontent('+ newdata[count]["sellerId"]+',\''+ newdata[count]["sellerName"]+'\','+ newdata[count]["canteenId"]+')" >'+
                                        '<div class="o-con-img">'+
                                        '<img src=" ' + newdata[count]["sellerIcon"] + '">'+
                                        '</div>'+
                                        '<div class="o-con-txt">'+
                                        '<p class="sellerStyle">'+newdata[count]["sellerName"]+'</p>'+
                                        '<p class="msgStyle">'+newdata[count]["sellerDesc"]+'</p>'+
                                        '</div>'+
                                        '</a>'

                                    )
                                    count++;
                                }



                                canteen_num=canteen_num+count;


                            }

猜你喜欢

转载自blog.csdn.net/u011429663/article/details/85243762