如何添加HTML到一个克隆的对象 [英] how to append html to a cloned object

问题描述

我已经克隆了一些html和要追加一些HTML之前，我追加到父分区。我该怎么做？

 ＆LT; D​​IV CLASS =中心＆GT;
    ＆LT; D​​IV CLASS =排液＆GT;
        ＆LT; D​​IV CLASS =span3＆GT;
            ＆LT;选择类=选择 - 选择ID =表单域选3＆GT;
                ＆LT;期权价值=＆GT;文字＆lt; /选项＆GT;
                ＆LT;期权价值=AL＆GT;＆系LT; /选项＆GT;
            ＆LT;期权价值=AK＆GT;城市＆LT; /选项＆GT;
                ＆LT;期权价值=AZ＆GT;州及LT; /选项＆GT;
                ＆LT;期权价值=AR＆GT;国家＆LT; /选项＆GT;
                ＆LT;期权价值=CA＆GT;工业和LT; /选项＆GT;
       ＆LT; /选择＆GT;
        ＆LT; / DIV＆GT;
    ＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
 

JS code：

。

  VAR clone_search = $（'。排液.chosen选'）最后一个（）的clone（）;
$（'中心'）追加（'＆LT; D​​IV CLASS =排液＆GT;＆LT; D​​IV CLASS =span3＆GT;'）;
$（'中心'）追加（clone_search）。
$（'中心'）追加。（'＆LT; / DIV＆GT;'）;
 

解决方案

这似乎要与其他元素来包装克隆的元素，你可以使用 .wrap（）方法：

  $（'。排液.chosen选）
     。持续（）
     。克隆（）
     .wrap（'＆LT; D​​IV CLASS =排液＆GT;＆LT; D​​IV CLASS =span3/＆GT;＆LT; / DIV＆GT;'）
     .appendTo（'中心。'）;
 

请注意，你应该改变克隆元素的ID，否则您的标记变为无效。另外，为什么不克隆 div.row流体如果你想生成相同的结构？

  $（'。排液'）。第一个（）
               。克隆（）
               .find（'。选择选）
               .prop（'身份证'，'something_else'）
               。结束（）
               .appendTo（'中心。'）;
 

I have cloned some html and want to append some html before I append to parent div. How can I do that?

<div class="center">
    <div class="row-fluid">
        <div class="span3">
            <select class="chosen-select" id="form-field-select-3">
                <option value="">Text</option>
                <option value="AL">Department</option>
            <option value="AK">City</option>
                <option value="AZ">State</option>
                <option value="AR">Country</option>
                <option value="CA">Industry</option>
       </select>
        </div>
    </div>
</div>

JS Code:

var clone_search = $('.row-fluid .chosen-select').last().clone();
$('.center').append('<div class="row-fluid"><div class="span3">');
$('.center').append(clone_search);
$('.center').append('</div>');

解决方案

It seems you want to wrap the cloned element with another element, you can use .wrap() method:

$('.row-fluid .chosen-select')
     .last()
     .clone()
     .wrap('<div class="row-fluid"><div class="span3"/></div>')
     .appendTo('.center');

note that you should change the ID of the cloned element otherwise your markup becomes invalid. Also why not cloning the div.row-fluid if you want to generate the same structure?

$('.row-fluid').first()
               .clone()
               .find('.chosen-select')
               .prop('id', 'something_else')
               .end()  
               .appendTo('.center');

这篇关于如何添加HTML到一个克隆的对象的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！