javascript - 在 mootools 中复制元素及其属性

Question

以下是我在 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 或样式都不会被克隆。

如有任何帮助或建议，我们将不胜感激， 提前致谢。

Answer 1

Mootools 避免复制 ID 以避免获得重复的 ID，但您可以使用 .clone([contents, keepid]) keepid 函数覆盖它 paramenters .

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

Demo

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