Ajax append Last

Question

muss es sein jquery

Ich habe Datei text.html mit 6 div in (a, b, c, d, e, f)

In einer anderen Datei ich ein div haben, Ich mag es, den Inhalt zu füllen a + b + c + d + e + f in diesem einzigen div

Ich habe .load versuchen = aber b remplace ein ich versuche haben append, aber ich brauche eine temporäre var

so jetzt bin ich stecken

Dieser Code erhalten, den Inhalt aus der Datei textes.html ... div #a und legt den Inhalt in div #right, aber die zweiten libe REMPLACE den Inhalt rechts einen mit rechts b

Ich mag den Inhalt a + b KEINE über b anhängen

$(document).ready(function(){
var temp = load('textes.html #nicolas');
$('#right').append(temp);
var temp = load('textes.html #antoine');
$('#right').append(temp);
.
.
.
.

return false;
});

dieser Code ist die Idee hinter dem, was funktionieren sollte, aber ich kann nicht ein AJAX .load () machen Inhalt in eine Variable zu laden, um den Inhalt der div anhängen ...

<script type="text/javascript">
$(document).ready(function(){    
$.ajax({
  url: "textes.html",
  cache: false,
  success: function(html){
    $("#right").append(html);
  }
});
});
</script>

, die Code laden die GANZE HTML-Datei, Ich mag nur einige ausgewählte DIV bekommen #

Answer 1

$(document).ready(function(){    
    $.get("textes.html",function(data){
        $("#right").append($("#nicolas",data)).end().append($("#antoine",data));
    },'html');    
});

Answer 2

Ich hatte ein ähnliches Problem gerade jetzt, und ich denke, dass ich einen Weg gefunden, zu tun, was wir die .load () Funktion wollen verwenden. Es ist nicht schön, aber egal;)

Zunächst einmal, Ich habe eine "TempDiv" zu meinem html mit einem "visibility: hidden". Stil

<div id="TempDiv" style="visibility:hidden"></div>

Dann laufen Sie jQuery:

$(document).ready(function(){
        $('#TempDiv').load('textes.html #nicolas', function(){
            $('#right').append($('#TempDiv').html());
        });

    });

Ich bin mir nicht sicher, dass es der beste Weg!

PS: Das ist mein erster Post Stackoverflow;)

Answer 3

Versuch,

$.get('url.php', function(data) {
    $("#right").append(data);
});

Answer 4

Das klingt wie jQuery? Bitte angeben, über welchen Rahmen Sie verwenden, da ich nicht wirklich eine Erwähnung davon sehen kann. Wie auch immer, append sollte funktionieren. Tun Sie einfach so etwas wie:

mydiv.append(a.text());
mydiv.append(b.text());
mydiv.append(c.text());
mydiv.append(d.text());
mydiv.append(e.text());
mydiv.append(f.text());

Sie sollten alle in mydiv angehängt werden. . HINWEIS: wenn Sie auch die HTML wollen, verwenden Sie die .html () -Funktion statt .text ()

Answer 5

JQuery ( http://jquery.com/ ) ist eine gute JavaScript-Bibliothek, die Sie tun können, um eine AJAX-Anforderung die andere Datei zu erhalten. Sehen Sie diese Frage für mehr: jQuery verwenden ersetzen XMLHttpRequest