klonów -> identyfikatory Zmień -> dodaj zawartość -> Ekran -> dołącz do rodzica

Question

mam następujące ustawienia

<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 próbuje

• klon "termsy_master"
• zmienić id do "jego"
• zmienić tytuł h2 na "nowy tytuł"
• textarea sm id na "sm_new_id"
• textarea di id do „di_new_id”
• usuń wyświetlacz nikt tak to będzie widoczne
• i dołączyć je do artykułu zawartości

Mam następujący już zrobione, ale nie jestem pewien, w jaki sposób postępować

$('.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"); 

Istnieje wiele sposobów można to zrobić oczywiście, ale to wydaje się być bardziej lub mniej najprostszych do mnie. Nie przesadzaj!

Answer 2

Oto jeden z możliwych rozwiązań:

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/

---

Lub jeśli wolisz go w jednej linii :)

$("#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");​