자바스크립트로 HTML컨탠츠 변경

ID 가 hidden 인 곳의 html 코드를 읽어들여 ID가 wrapper 인 곳에 똑같이 써넣으시오

$(function(){

var h = $('#hidden').html();

$('#wrapper').html(h);

});

append() 특정 위치의 자식들 중 맨 뒤에 특정 내용을 넣으시오

$(function(){

var target = $('#warpper > ul > li:eq(2) > ul');

var ele = '<li>3-5</li>';

target.append(ele);

});

prepend() 특정 위치의 자식들중 맨 앞에 특정 내용을 넣으시오

$(function(){

var target = $('#warpper > ul > li:eq(2) > ul');

var ele = $('#warpper').next();

target.prepend(ele);

});

before() 특정 위치바로 뒤에 특정 내용을 넣겠다.next()의 개념이다.

$(function(){

var target = $('#wrapper > ul > li:eq(2) > ul > li:eq(2)');

var content = '<li class = "newEl">3-3</li>';

target.before(content);

});

after() 특정 위치바로 뒤에 특정 내용을 넣겠다.next()의 개념이다.

$(function(){

var target = $('#wrapper > ul > li:eq(2) > ul > li:eq(2)');

var content = $('#wrapper').next();

target.`after(content);

});

appendTo() 특정 내용을 특정 위치의 자식 맨 뒤에 넣겠다.

$(function(){

var target = $('#wrapper > ul > li:eq(2) > ul');

var content = $('#wrapper').next();

content.appendTo(target);

});

prependTo() 특정 내용을 특정 위치의 자식 맨 뒤에 넣겠다.

$(function(){

var target = $('#wrapper > ul > li:eq(2) > ul');

var content = $('#wrapper').next();

content.prependTo(target);

});