jQuery append 사용법

 - append = '추가하다'

해당 함수를 통해 리스트, 딕셔너리를 추가할 수 있다.

function checkResult() {

        let fruits = ['사과', '배', '감', '귤', '수박']

        $('#q1').empty()

        fruits.forEach((a) => {

            let temp_html = `<p>${a}</p>`

            $('#q1').append(temp_html)

        })

checkResult를 예시로 들어보면

과일 5개가 list로 저장되어 있는 함수에서

반복문을 통해 list에 있는 항목을 추가하고 있다.

 

먼저 반복문에 let temp_html = ``(백틱)

백틱 내부에 원하는 html 태그를 안에 넣어주고, 그 안에 ${a(반복문에서 넣어주고 싶은 변수)}

그리고 그 밑에 $('#원하는 ID').append(temp_html)을 넣어주면 반복문이 돌면서 해당 리스트가 추가된다.

 

추가로 $('#원하는 ID').empty()는 해당 id에 저장되어 있는 값을 지워준다.