我正在尝试使用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++;
}
答案 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中可能有所不同。