Javascript 在表单中引入元素

我试图用jQuery在表单中插入一个元素

为此，我克隆元素，更改属性并插入，然后使用.html（）将jquery对象转换为html对象，但它不起作用

function addInput(divName){
    var selector= $('#tipoProducto').clone();
    selector.attr('name', counter );

    var newdiv = document.createElement('div');
    newdiv.innerHTML = "<li>porcentaje "
       + (counter + 1) 
       + "</li><li>\
         <input type='text' name='myInputs[]'></li>\
         <li>Ingediente Activo" 
       + (counter + 1)
       + "</li><li>"
       + selector.html()
       + "</li>";
    document.getElementById(divName).appendChild(newdiv);
    counter++;
}

函数addInput（divName）{
变量选择器=$（'#tipoProducto'）.clone（）；
选择器.attr（'名称'，计数器）；
var newdiv=document.createElement（'div'）；
newdiv.innerHTML=“
porcentaje”
+（计数器+1）
+“
\
\
Ingediente Activo”
+（计数器+1）
+“
”
+selector.html（）
+“
”；
document.getElementById（divName）.appendChild（newdiv）；
计数器++；
}

为此，我克隆元素，更改属性并插入，然后使用 .html（）将jquery对象转换为html对象，但不起作用

你不必那么做。您可以这样做，更一般地说：

var div = $('<div><ul><li>X</li><li>Y</li></ul></div>');
$(div).appendTo($('#' + divName));

var div=$（'
X
Y
）；
$（div）.appendTo（$（'#'+divName））；

不需要像那样使用

html（）

、DOM代码等。事实上，您应该这样做，因为jQuery的DOM操作快捷方式是99.99%跨浏览器的（maker和version），而标准DOM调用在旧版本的IE中可能会有所不同

为此，我克隆元素，更改属性并插入，然后使用 .html（）将jquery对象转换为html对象，但不起作用

你不必那么做。您可以这样做，更一般地说：

var div = $('<div><ul><li>X</li><li>Y</li></ul></div>');
$(div).appendTo($('#' + divName));

var div=$（'
X
Y
）；
$（div）.appendTo（$（'#'+divName））；

---

不需要像那样使用

html（）

、DOM代码等。事实上，您应该这样做，因为jQuery的DOM操作快捷方式99.99%跨浏览器（制造商和版本），而标准DOM调用在旧版IE中可能不同。

它怎么不起作用？你有错误吗？有什么意想不到的事发生吗？什么都没有发生吗？看看这个问题，它会给你指出正确的方向：@COC611为什么你要添加所有不属于原始问题的代码？@Ulises：我没有添加任何代码，我只是格式化了它以便它可读。如果你要克隆一个ID为的元素，别忘了给克隆一个新的，唯一ID。它如何不工作？你有错误吗？有什么意想不到的事发生吗？什么都没有发生吗？看看这个问题，它会给你指出正确的方向：@COC611为什么你要添加所有不属于原始问题的代码？@Ulises：我没有添加任何代码，我只是格式化了它以便它可读。如果你要克隆一个ID为的元素，别忘了给克隆一个新的、唯一的ID。