728x90
728x90
제이쿼리 class로 값 가져오기
- Class는 여러 요소에 동일하게 적용될 수 있습니다. 따라서, 여러 요소에서 값을 가져오거나 설정할 때 사용됩니다.
사용 예제
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function() {
// 버튼 클릭 시 모든 input 요소의 값을 가져옴
$('#getValuesBtn').click(function() {
$('.myInput').each(function(index, element) {
const value = $(element).val(); // 현재 요소의 값
console.log(`Input ${index + 1}: ${value}`);
});
});
});
</script>
</head>
<body>
<input type="text" class="myInput" value="Value 1">
<input type="text" class="myInput" value="Value 2">
<button id="getValuesBtn">Get All Values</button>
</body>
</html>- $('.myInput'): class="myInput"인 모든 요소 선택.
- .each(): 선택된 모든 요소에 대해 반복 수행. (여러개 나올 수 있기 때문에)
- $(element).val(): 각 요소의 값을 가져옴.
728x90
'프로그래밍 > jQuery' 카테고리의 다른 글
| [jquery] 필터링 메서드 .first() .last() .eq() .not() (74) | 2024.12.17 |
|---|---|
| [jquery] 라디오 버튼 체크 여부 확인 (91) | 2024.12.17 |
| [jquery] 제이쿼리를 사용하여 name으로 값 가져오기 (125) | 2024.12.09 |
| [jquery] 제이쿼리를 사용하여 id 값 가져오기 (71) | 2024.12.08 |
| [jquery] 동적 요소 이벤트 바인딩 처리 (78) | 2024.12.02 |