[jQuery] 클릭된 html 요소의 텍스트를 추출하는 방법

오늘은 jquery를 이용해 클릭된 요소의 텍스트를 추출하는 방법에 대해 알아보겠습니다. 

 

1. 클릭할 요소에 onclick 속성을 사용하여 클릭 이벤트 리스너를 추가합니다. 

 

<div onclick="getText(this)">클릭하세요</div>

 

2. 그리고 jQuery를 사용하여 클릭 이벤트를 처리합니다. 

 

function getText(element) {
  var text = $(element).text();
  console.log(text);
}

 

이렇게 해주면 "클릭하세요"라는 텍스트를 담고 있는 div 요소를 클릭하면, getText() 함수는 클릭된 요소를 매개변수로 받아 jQuery를 사용하여 해당 요소의 텍스트를 가져와 text 변수에 할당합니다. console.log(text)에 의해 브라우저 콘솔에 "클릭하세요" 로그가 찍힙니다.

 

관련 글

- [jQuery] 특정 요소에 담긴 text 정보 얻기