Discussion :

[FDussault]

Je m'explique...

J'ai ce code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
var sData = '<p id="world">Hello World!</p><p id="fred">Hello Fred!</p>';

J'essaie de ne lire que le tag P id #world (et son contenu). Comment faire?

J'ai essayé plusieurs façons et aucune ne fonctionne...

Savez-vous comment?

Merci d'avance pour votre aide

[danielhagnoul]

Bonsoir.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#world").text(); ou $("#world").html();

Si le contenu de sData est inséré dans le code HTML par du JS, il faut mettre l'appel après l'insertion sinon l'id="world" est inconnu du DOM, donc de jQuery.

[FDussault]

Merci

Effectivement, je charge le code avec un appel $get().

Il n'y a pas de moyen d'avoir un DOM non-inclus au DOM de la page?
Je croyais que nous pouvions avoir plusieurs "arbres" DOM du moment que l'on utilisait $().

Es-tu totalement certain qu'il n'y a qu'un seul arbre DOM et que c'est le DOM de la page?

[danielhagnoul]

Bonsoir.

Il n'y en a qu'un ! C'est la raison de l'existence de live() pour remplacer bind() pour les éléments ajoutés au HTML.

[FDussault]

Bon, ce n'est pas la réponse que je voulais mais cou'donc, on peux pas tout avoir dans la vie ;-)

Donc, si je comprends bien... Je devrai
1) charger le code dans une balise cachée (par css)
2) extraire le code désiré et l'inclure à l'endroit où je veux
3) binder les liens que pourrait contenir mon code de l'étape 2, avec la fonction live()
4) si nécessaire, effacer le code chargé à l'étape 1

Merci beaucoup.

P.S.
J'ai jeté un coup d'oeil à ton cahier d'exemple et l'ai trouvé très intéressant.

[FDussault]

Pour ceux intéressés...

/*
Donc, si je comprends bien... Je devrai
1) charger le code dans une balise cachée (par css)
2) extraire le code désiré et l'inclure à l'endroit où je veux
3) binder les liens que pourrait contenir mon code de l'étape 2, avec la fonction live()
4) si nécessaire, effacer le code chargé à l'étape 1
*/

// 1) charger le code dans une balise cachée (par css)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
var $WorkingDiv = $('<div id="WorkingDiv">hello</div>');
$WorkingDiv.css({display:'none'}).appendTo('body');
 
var sData = '<a id="section_news" href="#">Hello World!</a><a id="section_home" href="#">Hello Fred!</a>';
 
$WorkingDiv.empty().html(sData);

// 2) extraire le code désiré et l'inclure à l'endroit où je veux

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$WorkingDiv.find("#section_news").appendTo("#content");

// 3) binder les liens que pourrait contenir mon code de l'étape 2, avec la fonction live()
// Ici j'utilise l'event click et cela a fonctionné...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
$('a').click(function () {  
   alert( $(this).text() );  
});