clone -> Cambia ids -> aggiungere contenuti -> Display -> aggiungere al genitore

Question

Ho la seguente configurazione

<div class="article-content"> 
    <div class='editors' id="mine"> 
     <h2>My Text</h2> 
     <textarea name="my_text" id="my_text" class="my_test"></textarea> 
    </div> 
    <div class='editors' id="termsy_master" style="display:none;"> 
     <h2>title</h2> 
     <textarea name="" id="" class="sm">text</textarea> 
     <textarea name="" id="" class="di">text</textarea> 
    </div> 
</div> 

im cercando di

• clone "termsy_master"
• cambiamento della id a "his"
• cambia il titolo h2 in "nuovo titolo"
• textarea sm id su "sm_new_id"
• textarea di id a "di_new_id"
• rimuovere visualizzazione nessuno così sarà visibile
• e aggiungerlo dell'art-content

ho già fatto quanto segue, ma non sono sicuro di come procedono

$('.article-content').append($("#termsy_master").clone()); 

Answer 1

$tmc = $("#termsy_master").clone().attr('id', 'his').show(); 
$("h2", $tmc).text('new title'); 
$(".sm", $tmc).attr('id', 'sm_new_id'); 
$(".di", $tmc).attr('id', 'di_new_id'); 
$tmc.appendTo(".article-content"); 

ci sono molti modi si potrebbe farlo, naturalmente, ma questo sembra essere più o meno la più semplice per me. Non pensare troppo!

Answer 2

Ecco una possibile soluzione:

var block = $("#termsy_master"​).clone(); 
block.children("h2").text("new title"); 
block.children(".sm").attr("id", "sm_new_id"); 
block.children(".di").attr("id", "di_new_id"); 
block.attr("id", "his").show().appendTo(".article-content");​ 

DEMO:http://jsfiddle.net/8pxPC/

---

O se si preferisce in una riga :)

$("#termsy_master").clone().attr("id", "his").show().appendTo(".article-content").children("h2").text("new title").siblings(".sm").attr("id", "sm_new_id").siblings(".di").attr("id", "di_new_id");​