개체를 포함하는 ID가있는 div를 추가합니다.

Question

개체의 모든 인스턴스를 가져 와서 해당 인스턴스의 속성 값을 표시하는 HTML을 만들려고합니다. 그래서 jquery를 사용하여 객체 프로토 타입에 속성을 추가했습니다. 이 속성은 html 요소를 페이지에 추가합니다. 내가 추가하는 요소에는 특정 인스턴스 인스턴스의 속성 값을 표시 할 수 있도록 해당 인스턴스 인스턴스의 이름을 포함하는 ID가 포함됩니다. 그러나 나는 문제로 실행 :이 코드를 사용하는 경우

$('.manDivContainer').append("<div class='manDiv' id=this.nameLC ></div>"); 

이 이벤트는, this.nameLC 문자열이라고 생각 때문에 모든 인스턴스는 동일한 ID를 가진 끝납니다.

$('.manDivContainer').append("<div class='manDiv' id="+ this.nameLC + "></div>"); 

나는 따옴표 외부 공간에서 객체를 추가, 다른 한편으로는,이 코드를 사용하는 경우, 이벤트가 작동하지 않습니다.

$('.manDivContainer').append("<div class='manDiv'></div>").attr('id', this.nameLC + "Div"); 

반면에 .attr을 추가하려고하면 코드는 그 속성을 .manDiv의 모든 인스턴스에 추가한다고 가정합니다. 그래서 내가이 객체의 첫 번째 인스턴스를 만들면, 그 객체의 ID를 .manDiv에 추가합니다. 그러나 두 번째 객체를 첫 번째 객체 다음에 만들면 두 번째 객체는 자신의 ID를 자신의 객체에 추가합니다. .manDiv 및 이전의 .manDiv, 그래서 동일한 ID를 가진 두 개의 div를 얻게되어 결국 각 개체에 고유 한 정보 대신 동일한 정보를 표시하게됩니다. 이 문제를 해결하는 방법을 모르겠습니다. 해결책이 있는지 아는 사람 있습니까?

Answer 1

id 속성에 대한 작은 따옴표를 포장 :

이

$('.manDivContainer').append("<div class='manDiv' id='" + this.nameLC + "'></div>"); 

Answer 2

새로운 변수

VAR에 코드를 작동하지의 일부를 분리 할 수 ​​somethingToAdd = "여기 사업부와 문자열이어야합니다";
// 콘솔에 출력하여 모양을 볼 수 있습니다.
$ ('. manDivContainer'). append (somethingToAdd);