개요
변수로 받은 Id를 Jquery에서사용하는 방법입니다.
세부내용
내부 변수를 선언하여 사용하는 방법을 알려 드리겠습니다.
JQuery를 사용하여 특정 ID를 가진 요소에 접근하려면, $() 함수를 사용하면 됩니다. 변수에 저장된 ID를 사용하여 JQuery 선택자를 만들고, 해당 선택자로 요소에 접근할 수 있습니다. 아래는 이에 대한 예제 코드입니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Get Values by Name</title>
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
</head>
<body>
<form id="myForm">
<label for="name">Name:</label>
<input type="text" id="name" name="name" value="John Doe">
<br>
<label for="email">Email:</label>
<input type="text" id="email" name="email" value="john@example.com">
<br>
<label for="phone">Phone:</label>
<input type="text" id="phone" name="phone" value="555-1234">
</form>
<button id="getValuesButton">Get Values</button>
<script>
$(document).ready(function () {
// 값 가져오기 버튼 클릭 시
$("#getValuesButton").click(function () {
// 특정 이름(name)을 가진 요소의 값을 배열에 저장
var valuesArray = $("[name]").map(function() {
return $(this).val();
}).get();
// 콘솔에 배열 출력
console.log(valuesArray);
// 실제로는 여기서 배열을 활용하여 다른 작업을 수행할 수 있습니다.
});
});
</script>
</body>
</html>반응형
이 예제에서는 elementId 변수에 "exampleElement"라는 ID를 저장하고, 이 변수를 사용하여 JQuery 선택자를 생성하여 해당 요소에 접근합니다. 이후에는 해당 요소에 대한 조작을 수행하고, 콘솔에 변수로 선택한 요소의 텍스트를 출력합니다.
프로젝트에서는 변수로 관리하는 ID를 사용하여 JQuery를 통해 동적으로 요소에 접근하고 조작할 수 있습니다.
이 소스를 이용하면함수 전달 인자로 받은 값을 JQuery에서 사용할 수 있습니다.
반응형
'IT > 자바스크립트' 카테고리의 다른 글
| 자바 스크립트에서 자주 사용하는 형변환(숫자,문자,부울) (0) | 2024.03.26 |
|---|---|
| [자바스크립트] 입력창에 숫자만 입력하는 방법 (1) | 2024.03.20 |
| JQuery의 serializeArray() 함수 사용해 폼(form) 데이터를 배열로 가져오기 (0) | 2024.01.17 |
| JSP 자식창에서 부모창 함수 호출 (0) | 2024.01.10 |
| html에 html나 jsp가 중첩된 소스 디버깅 방법 (0) | 2023.12.18 |