jQueryでボタンのテキストを変更するには?



Answers

jQueryで.Button()で作成されたボタンの場合........

他の答えはテキストを変更してボタンのスタイリングを台無しにしますが、jQueryボタンがレンダリングされるとボタンのテキストがスパン内に入れ子になります

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

スパンを削除してテキストで置き換えると(他の例のように)、スパンと関連付けられた書式が失われます。

したがって、実際にはSPANタグ内のテキストを変更する必要があり、ボタンは変更しないでください!

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

または(私のようなものであれば、クリックイベントで完了している)

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

どのようにjQueryのボタンのテキスト値を変更しますか? 現在、私のボタンにはテキスト値として「追加」があり、クリックすると「保存」に変更します。 私は以下の方法を試しましたが、これまでに成功していません:

$("#btnAddProfile").attr('value', 'Save');



$("#btnAddProfile").click(function(){
    $("#btnAddProfile").attr('value', 'Save');
 });



次のようなものを使うことができます:

$('#your-button').text('New Value');

次のような追加のプロパティを追加することもできます:

$(this).text('New Value').attr('disabled', true).addClass('bt-hud').unbind('click');



それはまさに正しい、これは私のために働く;

    $('#btnAddProfile').bind('click',function(){
    $(this).attr('value','save');
})

Jqueryが利用可能で、コードが正しい場所にあることを確認していますか?







    $( "#btnAddProfile" ).on( "click",function(event){
    $( event.target ).html( "Save" );
});



$("#btnAddProfile").text("Save");




$("#btnAddProfile").html('Save').button('refresh');



.button("refresh")を実行する必要があります

HTML

<button id='btnviewdetails' type='button'>SET</button>

JS

$('#btnviewdetails').text('Save').button("refresh");



あなたはあなたのボタンにIDの代わりにクラスを与えましたか? 次のコードを試してください

$(".btnSave").attr('value', 'Save');





Links