jQuery 자식 요소를 포함하는 요소를 작성하십시오.

Question

Creating a div element in jQuery 요소를 작성하고 삽입하는 방법에 대해서는 잘 설명하지만, <li><a href="abc.html">click</a></li>과 같은 자식 요소를 사용하여 요소를 작성하고 싶습니다. href와 텍스트는 XSS에 영향을 받기 쉽기 때문에 조치를 취해야합니다. 어떻게이 </li> 요소를 포함하기 위해 수정 않습니다

var href='abc.html',text='click'; 
jQuery('<a/>', { 
    href: href, 
    text: text 
}).appendTo('#mySelector'); 

: 나는 같은 <a> 요소를 만들 수 있을까?

Answer 1

을 마무리 :

$(document).ready(function() { 
    var href='abc.html',text='click'; 

jQuery('<a/>', { 
    href: href, 
    text: text 
}).wrap("<li>").parent().appendTo('#mySelector'); 


}) 

http://codepen.io/anon/pen/Eyqco

Answer 2

먼저 mySelector 인 요소에 <li> 태그를 추가 할 수 있습니다.

$('<li>').appendTo('#mySelector'); 

그러면 <a> 태그를 li 요소에 추가합니다.

Answer 3

PERSONNALY, 내가 직접 HTML에서 그것을 좋아 :

var html = ""; 
html += "<li>"; 
html += "<a href='www.google.com' >click me</a>"; 
html += "</li>"; 

$("myselector").append(html);