제이쿼리 $("#box-list").html() 내부의 let title = $("#title").val()이 선택되지 않는 건에 대하여

 

 

내가 만듬!!!

분명 $("#box-list").html() 내부로 textarea도 잘 생겼고, 요소에서도 잘 찾아진다. 콘솔에서 $("#title").val()을 쳐도, let title = $("#title"); 후 title.val() 을 쳐도 값이 잘 나온다. 그런데 왜!!!!!!!!!!!!!!! 객체로 저장되지 않는 걸까?

정답은 이벤트로 생성된 html은 제이쿼리와 자바스크립트가 인식하지 못하기 떄문(?)이다. 글쓰기 버튼을 누르면 제목, 작성자, 내용 입력용 textarea가 .html(안으로) 생겨난다. 요소에서는 잘 보여서 jq js 둘 다 인식될거라고 생각했는데, 인식을 못 한다고 한다. 만약 let title = $("#title"); 이렇게 쓰고 title.val() 이렇게 이용하고 싶다면 선택자를  let title = $("#title"); 이게 아니라 #box-list textarea 이런 식으로 누구의 자식 누구 이렇게 값을 줘야 한다고 한다.

 

 ... 다른 해결 방법

 

1. 애초에 textarea를 빼둔다

 

2. $("#title").val() 을 바로 사용한다. 변수에 안 담고.

 

.html( ) 함수가 이렇게 힘들게 할 줄 몰랐다 ... 새로운 걸 배웠군!!!

 

그래도 작동 검색 잘 된다!!!!!!!