jQuery에서 HTML DOM 만들기

Question

페이지와 제목이있는 HTML 페이지가 있습니다. 지금은 jQuery를 변수에 페이지 내용과 페이지 제목을 저장 :

<div class="enter-content"> 
    <h4>$title</h4> 
    <p>$content</p> 
</div> 

가 그럼 난 변수에이 HTML DOM을 저장할 :

$content = jQuery('div p').find ('content').text(); 
$title = jQuery('div').find ('title').text(); 

지금 내가 같은 HTML의 DOM을 만들려고합니다.

Answer 1

var yourDOM=$('<div class="enter-content"><h4>'+$title+'</h4><p>'+$content+'</p></div>'); 

Answer 2

이 방법으로 할 수 있으며 더 쉽게 관리 할 수 ​​있습니다. 당신이 $title 및 $content에 특수 문자 (예를 들어, <)를 포함 할 것으로 예상되는 경우 연결하여 HTML 문자열을 구축

var title = jQuery('div').find ('title').text(); 
var content = jQuery('div p').find ('content').text(); 

var HTML = new String(""); 
HTML += '<div class="enter-content">'; 
HTML += '<h4>##Title##</h4>'; 
HTML += '<p>##Content##</h4>'; 
HTML += '</div>'; 
HTML = HTML.replace(/##Title##/g, title); 
HTML = HTML.replace(/##Content##/g, content); 

Answer 3

은 좋은 생각이 아니다. 안전한 해결책은 다음과 같습니다 :

var div = $("<div class='enter-content'/>").append($("<h4/>").text($title)).append($("<p/>").text($content));