Définir le texte dans une travée

Question

J'ai cette portée

<a title="Prev" data-event="click" 
   data-handler="prev" class="ui-datepicker-prev   ui-corner-all">
     <span class="ui-icon ui-icon-circle-triangle-w">Prev</span>
</a>

J'ai besoin de définir le texte de la barre d'espacement comme suit << au lieu de son texte actuel Prev .

J'ai essayé ce qui suit, mais cela n'a pas modifié le texte comme je m'y attendais. Comment faire ?

 $(".ui-icon .ui-icon-circle-triangle-w").html('<<');

Answer 1

Utilice .text() et modifiez votre sélecteur :

$(".ui-datepicker-prev .ui-icon.ui-icon-circle-triangle-w").text('<<');

-- VOIR LA DÉMO --

Answer 2

C'est parce que vous avez un mauvais sélecteur. D'après votre balisage, .ui-icon y .ui-icon-circle-triangle-w" doivent pointer vers le même <span> élément. Vous devez donc utiliser :

$(".ui-icon.ui-icon-circle-triangle-w").html("<<");

o

$(".ui-datepicker-prev .ui-icon").html("<<");

o

$(".ui-datepicker-prev span").html("<<");

Answer 3

Vous devez réparer votre sélecteur. Bien que la syntaxe CSS exige que les classes multiples soient séparées par des espaces, la syntaxe du sélecteur exige qu'elles soient directement concaténées et préfixées par des points :

$(".ui-icon.ui-icon-circle-triangle-w").text(...);

ou mieux :

$(".ui-datepicker-prev > span").text(...);

Answer 4

$('.ui-icon-circle-triangle-w').text('<<');

Answer 5

Donnez un ID à votre span et modifiez ensuite le texte du span cible.

$("#StatusTitle").text("Info");
$("#StatusTitleIcon").removeClass("fa-exclamation").addClass("fa-info-circle"); 

<i id="StatusTitleIcon" class="fa fa-exclamation fa-fw"></i>
<span id="StatusTitle">Error</span>

Ici, le texte "Error" deviendra "Info" et leurs icônes fontawesome seront également modifiées.