jQuery w3schools 한글판 강좌47 - text(), html(), val() 에 대한 콜백함수 

 

이전에 소개된 3개 메소드들(text(), html(), val()) 모두 역시 콜백 함수를 가집니다.

콜백함수는 아래의 두개의 매개변수를 가집니다:

1. 선택된 요소 리스트에서 현재 요소의 인덱스

2. 원래(구)값

 

따라서 여러분은 그 함수로부터의 새 값으로 사용하고 싶은 문자열을 리턴하십시오.

 

다음 예는 콜백함수를 가지는  text(), html() 메소드를 보여줍니다:

Example

 

$("#btn1").click(function(){
    $("#test1").text(function(i, origText){
        return "Old text: " + origText + " New text: Hello world!
        (index: " + i + ")"; 
    });
});

$("#btn2").click(function(){
    $("#test2").html(function(i, origText){
        return "Old html: " + origText + " New html: Hello <b>world!</b>
        (index: " + i + ")"; 
    });
});