6

我有以下设置

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

我试图

  • 克隆“termsy_master”
  • 将 id 更改为“他的”
  • 将 h2 标题更改为“新标题”
  • textarea sm id 到“sm_new_id”
  • textarea di id 到“di_new_id”
  • 删除 display none 所以它会可见
  • 并将其附加到文章内容

我已经完成了以下操作，但我不确定如何进行

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

2 回答 2

18 
$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");

当然，有很多方法可以做到，但这对我来说似乎或多或少是最简单的。不要想太多！

于 2012-05-12T20:38:09.510 回答
3

这是一种可能的解决方案：

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

演示：http: //jsfiddle.net/8pxPC/

或者，如果您更喜欢单行:)

$("#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");​
于 2012-05-12T20:41:17.640 回答