texte du bouton change jQuery

Question

Comment modifiez-vous la valeur texte d’un bouton de jQuery ? Actuellement mon bouton a « Add » comme c' est la valeur de texte, et sur qui est cliqué, je veux qu’il change pour « Sauver ». J’ai essayé cette méthode ci-dessous, mais jusqu'à présent sans succès :

Answer 1

Dépend de quel type de bouton que vous utilisez

<input type='button' value='Add' id='btnAddProfile'>
$("#btnAddProfile").attr('value', 'Save'); //versions older than 1.6

<input type='button' value='Add' id='btnAddProfile'>
$("#btnAddProfile").prop('value', 'Save'); //versions newer than 1.6

<!-- Different button types-->

<button id='btnAddProfile' type='button'>Add</button>
$("#btnAddProfile").html('Save');

Votre bouton peut également être un lien. Vous aurez besoin de poster quelques HTML pour une réponse spécifique.

EDIT : ceux-ci travaillent en supposant que vous avez enveloppé dans un .click() appel, bien sûr

EDIT 2 : la nouvelle jQuery versions (à partir de > 1.6) utiliser .prop plutôt que d' .attr

EDIT 3 : Si vous utilisez l'INTERFACE utilisateur de jQuery, vous devez utiliser DaveUK de la méthode (ci-dessous) de réglage de la propriété text

Answer 2

Pour les boutons créés avec .Bouton() en jQuery........

Tandis que les autres réponses vont changer le texte qu'ils vont gâcher le style de la touche, il s'avère que lorsqu'un bouton jQuery est rendu, le texte du bouton est imbriquée dans une plage par exemple

<button id="thebutton">
  <span class="ui-button-text">My Text</span>
</button>

Si vous retirez la durée et le remplacer par le texte (comme dans les autres exemples) - vous allez perdre la durée et associées à la mise en forme.

Si vous avez réellement besoin de modifier le texte dans la balise SPAN et PAS le BOUTON!

$("#thebutton span").text("My NEW Text");

ou (si, comme moi, il est en train de se faire, cliquez sur événement)

$("span", this).text("My NEW Text");

Answer 3

La bonne façon de changer le texte du bouton, si elle a été « buttonized » à l’aide de JQuery est d’utiliser la méthode .button() :

Answer 4

Pour modifier le texte dans un bouton Exécuter simplement la ligne suivante de jQuery pour

``

utilisation

certain temps pour

``

Utilisez cette

``

Answer 5

Utilisation``

Voici un lien vers JSfiddle