ajax 포문을 돌려 ul li div에 넣을 때

Question

table로는 $.each문 사용했을 때 잘 불러와지는 거 확인해서 ui를 맞추고 싶어서검색 후 append로 하면 된다는 글 보고 맞춰서 리스트를 출력하기 위한포문 작성해봤는데콘솔에는 리스트가 잘 찍히는데 화면 출력이 안 되는 걸 보면 js 밑에서 문제가 있는 거 같은데ajax ul li 로 검색해봐도 정보를 많이 찾기가 어려워서 해결이 안 되는 늪에 빠져있어서결국 또 질문 드려봅니다 ㅠㅠ...! 참고한 게시글https://stackoverflow.com/questions/23865386/append-li-to-ul-in-jquery https://velog.io/@1000nion/To-Do-List-%EC%98%88%EC%A0%9C#complete-list-%EA%B5%AC%EC%84%B1 해결방법!

$("#msgAreaList").append(value);

맨땅의헤딩 · Accepted Answer

+

보시면 마지막에 li에도 '/' 가 빠졌네요

맨땅의헤딩 · Answer

value += "div class='chat-body clearfix'>

" + msgList.msgContent + "

" + msgList.msgDate + "

"; 여기서

당근농장 · Answer

헉 하나 빠졌었네요 감사합니다... 많이 봤다고 생각했는데 기초적인 실수를 했네요 바로 수정했습니다만 다른 변화는 없네요 ㅠㅠㅠ if문은 table로 했을 때 잘 돌아가서 문제는 없어보입니다!ul 안에 li div로 바꾸려고 하니까 적용이 안 되네요 계속 ㅜㅜ

맨땅의헤딩 · Answer

+ 현재 ajax로 li와 div를 만드셧는데 ("#msgAreaList ul li").append(value);ul이에 li를 찾아 value를 넣는다고 되어있는데현재 html에는 ul만있고추후 만들어진 li div 가 있습니다. 그래서 마지막에 넣어줄때 ul은 찾고 li가없어서 넣으수가 없습니다.

해당 ul에 넣고싶으시면 ("#ListArea").append(value);으로처리해주시면 될거같습니다.

당근농장 · Answer

답변 정말 감사합니다...!!!상세보기에 적용했던 것만 생각해서 하위요소들로도 줬는데 그냥 아이디값만 줘도 됐군요 ㅠㅠ덕분에 잘 적용되었습니다!! 큰 도움 되었습니다 감사합니다 ㅠㅠ!~~!!

ajax 포문을 돌려 ul li div에 넣을 때

5개의 답변

#ul 목록