在mootools中复制元素及其属性

时间:2014-01-07 13:44:51

标签: javascript html mootools

以下是我在Mootools中使用的代码,

var company_name = $('company_name-wrapper').clone();
company_name.inject($('wmd-button-bar'));

HTML如下,

<div id="company_name-wrapper" class="form-wrapper" style='float:left;'>
   <div id="company_name-label" class="form-label">
       <label for="company_name" class="required">
          Company
       </label>
   </div>
   <div id="company_name-element" class="form-element">
      <input type="text" name="company_name[]" id="company_name" value="">
   </div>
</div>

..............
..............

<div id='wmd-button-bar'></div>

执行代码后我得到的输出

<div id='wmd-button-bar'>
 <div class="form-wrapper">
   <div class="form-label">
       <label for="company_name" class="required">
          Company
       </label>
   </div>
   <div class="form-element">
      <input type="text" name="company_name[]" id="company_name" value="">
   </div>
 </div>
</div>

任何元素的ID或样式都没有被克隆。

感谢任何帮助或建议, 提前谢谢。

1 个答案:

答案 0 :(得分:2)

Mootools避免复制ID以避免获取双ID,但您可以使用.clone([contents, keepid]) keepid 函数paramenters覆盖ID。

请尝试使用:var company_name = $('company_name-wrapper').clone(true, true);

Demo

请注意,这样做会有重复的ID,并且无效的HTML ,当您尝试引用具有相同ID的不同元素时,它会给您带来问题。