用jquery显示多行

时间:2015-11-07 17:43:16

标签: jquery each multiple-results

我有一个HTML:

<div class="row" id="show"></div>

和JQuery:

        $.ajax({
            type: 'POST',
            url: 'query2.php',
            data: key,
            dataType: 'json',
            success: function (msg) {

                var tmp = "";
                $.each(msg, function (i, v) {

                    tmp += ('<div class="cell">' + v.jobTitle + '</div>');
                    tmp += ('<div class="cell">' + v.jobName + '</div>');
                    tmp += ('<div class="cell">' + v.fullName + '</div>');
                    tmp += ('<div class="cell">' + v.phone + '</div>');
                    tmp += ('<div class="cell">' + v.mail + '</div>');
                    tmp += ('<div class="cell">' + v.city + '</div>');
                    tmp += ('<div class="cell">' + v.description + '</div>');

                    $('#show').html(tmp);
                    alert(tmp);

                });

如果我在查询中有行,结果将是:

enter image description here

但是,如果我有更多的行,它会变得混乱,所有都会显示在一行:

enter image description here

如何在class =&#34; row&#34;中显示另一行?在我的循环中?

先谢谢。

0 个答案:

没有答案