Ajax append charge

Question

il doit être jquery

Je fichier text.html avec 6 div dans (a, b, c, d, e, f)

Dans un autre fichier i ai une div, je l'aime à peupler le contenu de a + b + c + d + e + f dans cette seule div

J'essayer .load = mais b une Remplace J'ai essayer append, mais je besoin d'un var temp

alors maintenant je suis bloqué

Ce code de récupérer le contenu du fichier textes.html ... div #Un et mettre le contenu en div #right, mais la deuxième LIBE REMPLACE le contenu de droit a avec droit b

Je tiens à ajouter l'une teneur + b PAS a sur b

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

return false;
});

ce code est l'idée derrière ce qui devrait fonctionner, mais je ne peux pas faire un ajax .load () pour charger le contenu dans une variable pour ajouter le contenu à la div ...

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

Cette charge de code le fichier html entier, je veux seulement obtenir une # DIV sélectionné

Answer 1

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

Answer 2

J'ai eu un problème similaire et tout à l'heure, je pense que je me suis trouvé un moyen de faire ce que nous voulons utiliser la fonction .load (). Ce n'est pas jolie, mais jamais l'esprit;)

Tout d'abord, j'ai ajouté un "TempDiv" à mon html avec une "visibility: hidden". De style

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

Ensuite, vous exécutez le jQuery:

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

    });

Je ne suis pas sûr que c'est la meilleure façon!

PS: C'est mon premier post stackoverflow;)

Answer 3

essayer,

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

Answer 4

Cela ressemble jQuery? S'il vous plaît DEFINISSEZ cadre que vous utilisez depuis que je ne vois pas vraiment une mention. Quoi qu'il en soit, append devrait fonctionner. Il suffit de faire quelque chose comme:

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

Ils devraient tous être ajoutés en mydiv. REMARQUE:. Si vous voulez aussi le code HTML, utilisez la fonction .html () au lieu de .text ()

Answer 5

JQuery ( http://jquery.com/ ) est une bonne bibliothèque javascript que vous pouvez utiliser pour faire une requête AJAX pour obtenir l'autre fichier. Voir cette question pour plus: Utilisez jQuery pour remplacer XMLHttpRequest