안녕하세요. 혀코입니다.
이번 시간에는 jQuery를 사용해서 특정 태그의 Attribute 값을 읽는 방법에 대해서 알아보도록 하겠습니다.
jQuery로 특정 태그의 Attribute 값을 읽으려면, attr() 함수를 사용해야 합니다.
해당 웹사이트에 jQuery 라이브러리가 추가되어 있고, 다음과 같은 코드가 웹페이지에 있다고 가정해 보겠습니다.
<form method="post" action="https://www.google.com" id="mainForm">...</form>
form 태그의 action attribute의 값을 읽어서 변수에 저장하고 그 값을 출력해 보도록 해보겠습니다.
var formActionText = $('form').attr('action');
console.log(formActionText);
// https://www.google.com
셀렉터로 form 태그를 $('form') 이런 형식으로 잡고, action의 attribute 값을 읽기 위해 attr() 함 수 안에 attribute 키 값인 'action'을 넣어주면, action attribute 값에 해당하는 https://www.google.com을 읽을 수 있습니다. 또한 변수 formActionText에 저장이 됩니다. 그래서 console.log() 를 사용해서 변수 formActionText 를 출력해 보면, https://www.google.com을 는 것을 확인 할 수 있습니다.
이렇게 이번 시간에는 jQeury를 사용해서 Attribute 값을 읽는 방법에 대해서 알아봤습니다.
유용하셨다면, 공감과 구독 부탁 드립니다.
감사합니다.
댓글