[jquery] jQuery에서 버튼의 텍스트를 변경하는 방법은 무엇입니까?

jQuery에서 버튼의 텍스트 값을 어떻게 변경합니까? 현재 내 버튼에는 텍스트 값으로 ‘추가’가 있으며 클릭하면 ‘저장’으로 변경하고 싶습니다. 아래 에서이 방법을 시도했지만 지금까지 성공하지 못했습니다.

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

답변

사용중인 버튼 유형에 따라

<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');

버튼은 링크 일 수도 있습니다. 당신은 좀 더 구체적인 대답을 일부 HTML을 게시해야합니다.

편집 : .click()물론 전화에 싸서 가정하면 작동합니다.

편집 2 : 최신 jQuery 버전 (> 1.6 이상) .prop대신.attr

편집 3 : jQuery UI를 사용 하는 경우 텍스트 속성을 조정하는 DaveUK의 방법 ( 아래 ) 을 사용해야 합니다

답변

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");

답변

JQuery를 사용하여 “단추 화”된 경우 단추 텍스트를 변경하는 올바른 방법은 .button () 메서드를 사용하는 것입니다.

$( ".selector" ).button( "option", "label", "new text" );

답변

버튼의 텍스트를 변경하려면 다음 jQuery 행을 실행하십시오.

<input type='button' value='XYZ' id='btnAddProfile'>

사용하다

$("#btnAddProfile").val('Save');

동안

<button id='btnAddProfile'>XYZ</button>

이것을 사용하십시오

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

답변

사용하다 .val()

JSfiddle에 대한 링크는 다음과 같습니다.

답변

당신은해야합니다 .button("refresh")

HTML :

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

JS :

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

답변

버튼을 버튼으로 누른 경우 작동하는 것 같습니다.

<button id="button">First caption</button>

$('#button').button();//make it nice
var text="new caption";
$('#button').children().first().html(text);