以形式介绍元素

时间:2013-03-26 16:47:10

标签: javascript jquery

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

1 个答案:

答案 0 :(得分:4)

  

为此,我克隆元素更改属性并插入然后使用   .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中可能有所不同。