[JavaScript] jQuery 셀렉터 value undefined

파이널 프로젝트를 하던 중 저번에도 만났던 에러를 만났다.

간혹가다 function을 쓸 때 jQuery selector가 안 먹고 undefined를 보여줄 때가 있다.

각 id랑 class를 특정해주었음에도 절대 선택되지 않았다. 칫, 결계인가.

엄청난 노력들..

저번에 해결했던 방법

onclick을 주고 변수를 넣어준다.
못 넣어주는 변수는 prev(), next(), parent(), child() 등 선택자들을 적절히 써준다.
단점은 지구 끝까지 코드가 길어질 것만 같고, 다른 더 좋은 방법이 있지 않을까 자괴감이 든다. (당연히 있겠지...)

 

오늘은 onclick을 줄 수 없었다. onclick을 주려면 이미 나온 데이터들을 넣어줘야 하는데 (아마도(?)) message는 사용자가 써야지 value가 나오니까..

어떻게든 꼭 저것을 선택해줘야 했다.

그래서 오늘 해결한 방법

제이쿼리를 쓰지 않는다!!!!!
document.getElementById를 오랜만에 써보니 아주 잘 콘솔에 출력되었다.
무엇이 다른건지 전혀 모르겠지만 해결되었다. 저기에 제이쿼리가 안되는 결계가 있었나보다.

제이쿼리의 편리함과 안락함에 너무 빠져버리지 말아야겠다..

바닐라js도 공부하자..!!