반응형
[jQuery-제이쿼리] data 값 불러오기
제이쿼리 data 사용법
div 요소안에 data-원하는 변수이름 으로 적어주면 됩니다.
jquery를 통해서 id 또는 class를 지정 해주고 .data('변수이름')으로 적어주면 data값을 가져오게 됩니다.
문자를 적어주면 문자열로 출력되고 정수를 적어주면 정수형으로 출력됩니다.
<html>
<body>
<div id="value-id" data-value="namoo-value">값</div>
<div id="name-id" data-name="namoo-name">값</div>
<div id="age-id" data-age="17">값</div>
</body>
<script>
// data 변수에 담기
let value = $('#value-id').data('value');
let name = $('#name-id').data('name');
let age = $('#age-id').data('age');
// console.log
console.log('value: ', value);
console.log('name: ', name);
console.log('age: ', age);
</script>
</html>결과
value: namoo-value
name: namoo-name
age: 17
감사합니다.
반응형
'jQuery' 카테고리의 다른 글
| [jQuery] 제이쿼리 JSON객체 출력 반복문 사용법 each (0) | 2022.09.18 |
|---|---|
| [jQuery] 제이쿼리 기초 CSS 변경(단일/다중/여러개) 하는 모든 방법 정리 (0) | 2022.07.14 |
| [jQuery] 제이쿼리 id 값 조작하기 및 함수정리 (0) | 2022.07.13 |
| [jQuery] 제이쿼리 class 값 조작하기 및 함수정리 (1) | 2022.07.13 |
댓글