Development/JSP, JS, JQUERY

a태그의 텍스트 가져오기

루루지 2022. 2. 19. 23:36
반응형
<a href="#none" onclick="agree_click(this);">보기</a>


<script>
function agree_click(item) {
        var text = $(item).text()
		
        alert(text);
}
</script>

 

onclick의 함수에 this를 넣어준다.

 

※ 추가 사항

a태그에서 함수 바인딩은 href안에 javascript:test(); 를 사용하는 방법과 onclick 이벤트를 사용하는 방법이있는데,

href는 기본 html 속성이며 uri 정보가 들어가야 한다.

되도록이면 a는 링크를 의미하는 태그라 어디로 이동하는지를 보여주는게 좋다.

 

추가로 onclick 이벤트를 이용하면 tab키로 버튼이 선택안된다.