1

我已经使用它编写了以下函数我在 Html 中显示 ajax 响应

function loadData() {
        $.ajax({
            type: "post",
            url: "http://127.0.0.1/get_scroll_rec/",
            cache: false,               
            data:'',
            success: function(response){
                var obj = JSON.parse(response);
                try{
                    var str = '';
                    var items=[];   
                    $.each(obj[0], function(i,val){ 

                                                    //Here display code

                            items.push($('<div id="recent">').html(val.Title));
                            items.push($('<h1>').html(val.name));
                            items.push($('<p>').html(val.desciption));
                            items.push($('<div id="recent_created" class="recent_created">').html(val.added_on));
                    }); 

                    $('#recent_rightwrapper1').fadeOut('slow', function() {
                        $(this).append(str).fadeIn('slow').fadeIn(3000);
                        $('#recent_rightwrapper1').css({backgroundColor: ''});
                        $('#recent_rightwrapper1').append.apply($('#recent_rightwrapper1'), items);
                    }).css({backgroundColor: ''});

                }catch(e) {     
                    alert('Exception while request..');
                }       
            },
            error: function(){                      
                alert('Error while request..');
            }
         });


    }

});

如何在此显示区域代码中添加一些 HTMl 标签，例如（更改为添加的第一行“h1”标签，更改为添加的第二行“a”标签）想要在最后一行第 5 行添加没有数据的 div。

1> items.push($('<div id="recent"><h1>').html(val.Title));
2> items.push($('<h1><a href="" target="_blank">').html(val.name));
3> items.push($('<p>').html(val.desciption));
4> items.push($('<div id="recent_created" class="recent_created">').html(val.added_on));
5> items.push($('<div id="blank">')
4

1 回答 1

0

您可以通过 将子节点附加到现有元素append。

$("#yourRoot").append($('<div id="blank">'));

编辑：适用append于任何 jQuery 对象，也适用于您刚刚通过提供 HTML 文本创建的对象。因此，如果您想将空附加div到第一行中的元素，您只需执行以下操作：

var $firstLine = $('<div id="recent"><h1>').html(val.Title);
var $lastLine = $('<div id="blank">');
$firstLine.append($lastLine);
items.push($firstLine);
于 2013-01-15T10:39:26.553 回答