jqueryページにHTMLコードを追加

Question

私はこの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); 
}) 

Answer 1

あなたがDOMに何もしていない、ので、それは次のとおりです。

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

Answer 2

試しましたか？

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

説明：サーバーからのデータのロードとマッチした要素の中に返されたHTMLを配置します。

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

Answer 3

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

これは、あなたが `.appendToを（使用する必要があります:)