0

私はMVCを使用しています。コードは次のとおりです。

    <div class="form-inline">
    <label class="control-label"><b>Length</b></label>

    <input type="text" name="Refinishing.Room.Length.Feet" id="Refinishing_Room_Length_Feet" style="width: 80px" class="floor-text" />Ft
    <input type="text" name="Refinishing.Room.Length.Inch" id="Refinishing_Room_Length_Inch" class="floor-text" />Inch

    <label><b>Width</b></label>

    <input type="text" name="Refinishing.Room.Width.Feet" id="Refinishing_Room_Width_Feet" class="floor-text" />Ft
    <input type="text" name="Refinishing.Room.Width.Inch" id="Refinishing_Room_Width_Inch" class="floor-text" />Inch<br />

    <a href="#">Add Room</a> / <a href="#">Remove Room</a>
</div>

「部屋の追加」リンクをクリックして「<div>」の内容を追加したい。どうすればそれができますか？

4

1 に答える 1

1

使ってみて.clone() 、.append()

 $('body').on('click','a.addroom', function(e) {
     e.preventDefault();

     var $cloned = $('.form-inline:eq(0)').clone();

     $('body').append($cloned);

 }); 


 $('body').on('click', 'a.removeroom' ,function(e) {
     e.preventDefault();
     $(this).closest('div').remove();
}); 
<a href="#" class="addroom">Add Room</a>

ここでは、div の内容が複製され、本文に追加されます。

働くフィドル

于 2012-10-16T05:01:28.003 に答える