javascript - 在表单中引入元素

Question

我正在尝试使用 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++;
}

Answer 1

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

你不必那样做。你可以做这样的事情，更一般地说：

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

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