Div 自动生成时自动关闭
Div automatically closing as generated
我的div生成有问题,因为我生成了一个表单,我想将它们包装在具有相同ID的div中。但是当我检查元素时,它会在表单之前自动关闭。所以它不会像上面那样环绕它,它只是<div></div>
在形式之上。
var startDiv = "<div id='appm'>";
var endDiv = "</div>";
for(var i = 0; i < values.length; i = i + 8){
$('#youEvents').append(
$('<form />', { id: values[i], method: 'POST' }).append(
startDiv, // Starting div id=appm
$('<textarea />', { id: "teast", name: 'routename', placeholder: 'Name', value: values[i], type: 'text' }),
$('<br />'),
$('<input />', { id: 'rname', name: 'routename', placeholder: 'Name', value: values[i + 1], type: 'text' }),
$('<br />'),
$('<input />', { id: 'rname', name: 'routename', placeholder: 'Name', value: values[i + 2], type: 'text' }),
$('<br />'),
$('<input />', { id: 'rname', name: "ee", placeholder: 'Name', value: values[i + 3], type: 'text' }),
$('<br />'),
$('<input />', { id: 'rname', name: 'routename', placeholder1: 'Name', value: values[i + 4], type: 'text' }),
$('<br />'),
$('<input />', { id: 'rname', name: 'routename', placeholder: 'Name', value: values[i + 5], type: 'text' }),
$('<br />'),
$('<input />', { id: 'address', id: 'rdescription', name: 'heya', value: values[i + 6], type: 'text' }),
$('<br />'),
$('<input />', { id: 'adress', name: 'routetags', placeholder: 'tags', value: values[i + 7], type: 'text' }),
$('<br />'),
$('<input />', { id: values[i], type: 'button', value: 'Submit', click: function(){
// attaching the function to the button
testAjax(this.id); // Calling the function below.
}}),
endDiv // Ending the div
)
);
}
这是因为jQuery
在追加 <div id='appm'>
时div
创建了 HTML 元素,其中包括结束标记。因此,符号$('<form />')
,例如,结果与$('<form>')
相同。
为了实现你想要的,你可以通过使用另一个嵌套.append
来做你已经在做的事情:
$('<form>', { id: values[i], method: 'POST' }).append(
$('<div>', { id: 'appm' }).append(
$('<textarea>', { id: "teast", name: 'routename', placeholder: 'Name', value: values[i], type: 'text' }),
$('<br>'),
// [...]
$('<br>'),
$('<input>', { id: values[i], type: 'button', value: 'Submit', click: function(){ testAjax(this.id); } })
)
)
相关文章:
- 自动生成的用户名
- 从现有html自动生成html源文档
- 使用Google Feeds API使用“tap”在jquery mobile中自动生成feed列表
- Div 自动生成时自动关闭
- 如何选择由 DevExpress constrols 使用 Javascript DOM 技术自动生成的 html “i
- 数据表自动生成的序列号无法正常工作.对于每一页
- 数组中自动生成的一组值
- 我可以自动生成一个jquery块,对不同的元素做同样的事情吗
- 弹出窗口自动生成无边界
- 在文本框中自动生成值
- SignalR Jquery自动生成Div
- 如何自动生成目录
- 从JSON模式自动生成JavaScript
- 如何在FineUploader上传到s3时获得客户端自动生成的uuid
- 如何获取插入到表中的行的自动生成的ID
- Firebase-如何找到所有具有自动生成ID的匹配项,其中值为false
- 使用javascript从字符串中自动生成标记
- 在HTML表单中使用自动生成(即随机)的ID
- 是否可以对three.js自动生成的画布进行样式化/定位
- 使用配置文件自动生成表单