[jQuery] div태그 안쪽에 있는 input 찾아서 값을 가져오기
id값이 없을때 안쪽에 있는것 찾는 방법에 해당 하는것입니다.
동적으로 생성되거나 할때는 id값을 일일이 주기 힘든 경우가 있습니다. 이럴때는 여러개 있어도 관계가 없는 class 를 이용하는것도 방법입니다.
![[jQuery] div태그 안쪽에 있는 input 찾아서 값을 가져오기](https://www.pabburi.co.kr/content/bbs/view_image.php?fn=%2Fdata%2Feditor%2F2212%2Ff08f4a3d7c3248096854e2720bc04fa9_1671328743_4598.png "[jQuery] div태그 안쪽에 있는 input 찾아서 값을 가져오기")
$(document).ready(function() {
// div 안쪽에 input box가 있는데 id 값이 없을 때
// > 클래스를 하나 줘서 찾는 방법도 있다. id는 문서에서 유일해야 하지만 class는 여러개 와도 관계 없음.
$("#inboxDiv").find("input").each(function()
{
console.log(this); // html 출력
console.log('input box value: ', $(this).val() ); // value 출력
});
// 키 이벤트 감지하는 기능
$("#inboxDiv").find("textarea").on("keyup", function(event) {
// console.log(event);
// console.log(this);
let val = $(this).val();
console.log('입력된 값: ', val );
});
// html5의 input박스 type=date(달력)은 이벤트 감지를 change 사용하면 된다
});
