[ jquery ] div의 id 값을 찾아 텍스트 변경는 방법

jquery를 이용하여 지정된 곳에 텍스트를 변경하는 병법은? 

See the Pen Test by LeeJaeHyouck (@Zinu0926) on CodePen.

 

jquery를 이용하여 지정한 곳에 텍스트를 변경은 방법입니다.

1. html a 링크 태그에 onclick 이벤트를 이용하여 자바스크립트 함수 load (num)를 호출합니다.

2 load 함수를 호출하면서 num 값을 전달합니다.

3. 자바스크립트 load 함수에서 html 소스에 id가 insNum으로 지정된 태그를  찾아  텍스트를 전달해준 num으로 텍스트를 변경합니다. 

 

해당 소스를 어디에 응용할수 있을까?

설문조사의 라디오 버튼에 적용해서 라디어 버튼을 선택할 때마다 선택된 내용을 텍스트로 보여줄 수 있겠네요. 

간단하지만 응용할 수 있는것이 상당히 많습니다. 해당 소스를 활용하여 많은 곳에 응용해 보세요.

혹시 응용에 궁금한점 있으시다면 댓글로 남겨주시면 아는 범위에서 답변해 드리겠습니다.