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)은 .attr .prop

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

출처 : https://stackoverflow.com/questions/5580616/how-to-change-the-text-of-a-button-in-jquery