동적 엘리먼트 생성 시 함수 인자 따옴표 (따옴표 안에 따옴표 안에 따옴표)

따옴표 안에 따옴표를 넣는게 헷갈릴 때가 많다.

기존에 하던 방식대로 했는데도 안될 때도 있고... 아래 세가지 방법중 하나가 걸리길..!

1.

$("#selectbox").append("<option onclick='Afunction(\""+map.list[i]+"\")'>"+map.list[i]+"</option>'");

2.

$("#selectbox").append("<option onclick='Afunction('"+map.list[i]+"')'>"+map.list[i]+"</option>'");

3.

$("#selectbox").append("<option onclick=\'Afunction(\""+map.list[i]+"\")\'>"+map.list[i]+"</option>'");