Comment définir une valeur pour un span en utilisant jQuery

Question

Comment définir une valeur pour un <span> en utilisant jQuery

Par exemple

Vous trouverez ci-dessous mon <span> étiquette :

<span id="submittername"></span>

Dans mon code jQuery :

jQuery.noConflict();

jQuery(document).ready(function($){

    var invitee = $.ajax({
        type: "GET",
        url: "http://localhost/FormBuilder/index.php/reports/getInvitee/<?=$submitterid;?>",
        async: false
    }).responseText;

    var invitee_email=eval('(' + invitee + ')');
    var submitter_name=$.map(invitee_email.invites, function(j){ 
        return j.submitter;
    });         
    alert(submitter_name); // alerts correctly 
    $("#submittername").text(submitter_name); //but here it is not working  WHy so??????
});

Answer 1

Vous pouvez le faire :

$("#submittername").text("testing");

o

$("#submittername").html("testing <b>1 2 3</b>");

Answer 2

Vous utilisez jQuery(document).ready(function($) {} signifie qu'ici vous utilisez jQuery au lieu de $ . Pour résoudre votre problème, utilisez le code suivant.

jQuery("#submittername").text(submitter_name);

Cela résoudra votre problème.

Answer 3

Vous cherchez le mauvais identifiant de sélecteur :

 $("#submitter").text(submitter_name);

devrait être

 $("#submittername").text(submitter_name);

Answer 4

Vous pouvez utiliser ceci :

$("#submittername").html(submitter_name);

Answer 5

Syntaxe :

$(selector).text() renvoie le contenu du texte.

$(selector).text(content) définit le contenu du texte.

$(selector).text(function(index, curContent)) définit le contenu du texte à l'aide d'une fonction.

kaynak : https://www.geeksforgeeks.org/jquery-change-the-text-of-a-span-element/