Remplacer l'étiquette/span avec une étiquette/span

Question

déjà fait, je suis en train de remplacer les mots dans une période (« grades »)

<span class="vui-heading-1">Grades</span> 

avec un nom plus précis d'une autre étiquette (le titre = » Peer Tutor Training ")

<a class="d2l-menuflyout-link-link" title="Peer Tutor Training" href="/d2l/home/419542">Peer Tutor Training</a> 

Voulant remplacer le titre quand la page se charge, comme j'utilise cette option pour remplacer un libellé span dans un iframe avec le titre dans le même iframe. Vous ne savez pas exactement comment procéder. Merci d'avance!

NOTE Lors d'une inspection plus approfondie, il s'avère que la page d'origine n'est pas réellement incluse dans l'iframe. La méthode de contournement pour laquelle je demande de l'aide est une fonction onload pour remplacer le texte "Grades" par "Peer Tutoring Training" (ou tout autre texte puisqu'il s'agit d'un seul exemple)

Answer 1

var $iframe = $('iframe#your-iframe'); // iframe that u wanna modify 
$iframe.on('load',function(e) { 
    // get the title value 
    var title = $(this).find('a.d2l-menuflyout-link-link').attr('title'); 
    // get the span element 
    var $span = $(this).find('span.vui-heading-1'); 
    // replace the text in the span 
    $span.text(title); 
});