jquery将HTML代码添加到页面中

jquery add HTML code to the page

本文关键字：添加 HTML 代码 jquery      更新时间：2024-05-02

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

<!-- TAGLIO DONNA MEDIO -->                                               
<div class="form-inline divNoMargin col-md-12 def_taglioDonnaMedio noPadding ">
    <!-- TITLE -->
    <label class="col-md-5 noPaddingLeft divNoMargin defTaglioDonnaMedioTitle testoPiccolo">Taglio Donna Medio</label>
    <!--OPRZIONI PREZZO -->                                    
    <!-- SELECT 1 -->
    <div class=" col-md-8 divNoMargin  select1">
        <label class="testoPiccolo pull-left">prezzo:</label>
        <label for="" id="" class="col-md-4 pull-right testoMedio text-right prezzo defPrezzoTagliodonnaMedio">,00</label>
    </div>        
    <!-- SELECT 2 -->
    <div class=" col-md-8 noMarginLeft2 hidden select2">
        <label class="pull-left testoPiccolo">prezzo a partire da:</label>
        <label for="" id="" class="pull-right col-md-4 testoMedio text-right prezzo noMarginLeft2 defPrezzoTagliodonnaMedio">,00</label>
    </div>         
</div>

我试过使用这个jquery，但不起作用。任何

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

这是因为，您没有对DOM:做任何事情

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

你试过加载吗？

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

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

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

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

还有

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);
});

这应该有效：）

相关文章：