clon -> ids de cambio -> agregar contenido -> Pantalla -> añadir a los padres

Question

i tener la siguiente configuración

<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 tratando de

• clon "termsy_master"
• cambio de la id a "su"
• cambie el título h2 a "título nuevo"
• textarea sm id to "sm_new_id"
• área de texto di id para "di_new_id"
• quitar ninguna pantalla por lo que será visible
• y añadirlo al artículo de contenido

ya he hecho lo siguiente, pero no estoy seguro de cómo proceden

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

Hay un montón de maneras que usted puede hacer, por supuesto, pero esto parece ser más o menos la más simple para mí. ¡No pienses demasiado!

Answer 2

Aquí es una solución posible:

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 si lo prefiere, en una línea :)

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