您的位置:首页 > Web前端 > JQuery

关于jquery解析json数据时动态追加tr 指定条数换行问题 实现list的 并列显示效果

2012-11-23 16:30 1126 查看
                     


 $(document).ready(

                function() {

                    $.ajax({

                        type : "post",

                        url : "event_index!findList.action",

                        dataType : "json",

                        success : function(data, text) {

                            var tr ;

                            $.each(data.list, function(i, ev) {

                                     if((i)%4==0){            

                                           alert(i);

                                         tr = [

                                                '<td style="display:none" >',ev.eventId, '</td>',

                                                '<td style="color:red;">',ev.eventName, '</td>',

                                                '<td >',ev.eventDesc, '</td>',

                                                 ].join('');    

                                                 $("#datas").append("</tr><tr>");

                                     }else{

                                         tr = [

                                                '<td style="display:none" >',ev.eventId, '</td>',

                                                '<td>',ev.eventName, '</td>',

                                                '<td >',ev.eventDesc, '</td>',

                                                 ].join('');    

                                     }

                                     $("#datas").append(tr);

                            }

                            );                    

                        }

    })

});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  JQuery