jquery add HTML code to the page

Question

I have a this HTML Code in a separate file and I have to add it to a another HTML page.

<!-- 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>

I tried using this jquery but doesn't work. Anyone

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

Assuming the HTML you're trying to load is on the same domain (otherwise CORS issues) use .load() — urbz
– urbz, Commented Apr 12, 2016 at 8:27
add this HTML code to nother page whe the a button is clicked — Daniele Martini
– Daniele Martini, Commented Apr 12, 2016 at 8:27

Praveen Kumar Purushothaman · Accepted Answer · 2016-04-12 08:29:10Z

1

It is because, you are not doing anything to the DOM:

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

answered Apr 12, 2016 at 8:29

Praveen Kumar Purushothaman

167k27 gold badges215 silver badges261 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jordi Ruiz · Accepted Answer · 2016-04-12 08:27:34Z

0

Have you tried load?

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

Description: Load data from the server and place the returned HTML into the matched element.

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

answered Apr 12, 2016 at 8:27

Jordi Ruiz

4872 silver badges11 bronze badges

1 Comment

Daniele Martini Over a year ago

also load doesn't work. Yes it is in the same domain

Shubham Khatri · Accepted Answer · 2016-04-12 08:37:54Z

0

append(content) appends content to the inside of every matched element. appendTo(selector) appends all of the matched elements to another specified set of elements.

Also

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

So you need to use appendTo() instead of append() as:

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

This should work :)

answered Apr 12, 2016 at 8:37

Shubham Khatri

284k58 gold badges431 silver badges411 bronze badges

Collectives™ on Stack Overflow

jquery add HTML code to the page

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related