jquery将HTML代码添加到页面中

时间:2016-04-12 08:22:45

标签: javascript jquery html

我在一个单独的文件中有一个HTML代码,我必须将它添加到另一个HTML页面。

Int

我尝试使用此jquery但不起作用。任何人

Int

3 个答案:

答案 0 :(得分:1)

这是因为,你没有对DOM做任何事情:

var parentDiv2 = $(document).find('.nuoviServiziReview1');
$.get( "nuoviServiziReview.html", function( data ) {
    var nuovoServizioReview = $('<div/>',{id:'Servizio'+ incremento});
    nuovoServizioReview.html(data);
    nuovoServizioReview.appendTo(parentDiv2);
})

答案 1 :(得分:0)

你试过加载吗?

http://api.jquery.com/load/

描述:从服务器加载数据并将返回的HTML放入匹配的元素中。

$('.nuoviServiziReview1').load('nuoviServiziReview.html');

答案 2 :(得分:0)

append(content)将内容附加到每个匹配元素的内部。 appendTo(selector)将所有匹配的元素附加到另一个指定的元素集。

另外

A.append(B) appends B to A
A.appendTo(B) appends A to B

所以你需要使用appendTo()而不是append():

var parentDiv2 = $(document).find('.nuoviServiziReview1');
$.get( "nuoviServiziReview.html", function( data ) {
    var nuovoServizioReview = $('<div/>',{id:'Servizio'+ incremento});
    nuovoServizioReview.html(data);
    nuovoServizioReview.appendTo(parentDiv2);
});

这应该有效:)