Javascript jquery:在每个div、span和input中读取
我正在ASP.NETMVC和jQuery中创建一个项目。当用户单击Javascript jquery:在每个div、span和input中读取,javascript,jquery,html,asp.net,clone,Javascript,Jquery,Html,Asp.net,Clone,我正在ASP.NETMVC和jQuery中创建一个项目。当用户单击add句子按钮时,我想复制一个名为copythis的div和所有事件,并将其插入另一个名为myform的div中 在copythis中,我有两个div:第一个div中有一个span名为句子,我在输入中插入文本,第二个div中,用户可以添加多个不同文本的字段 当用户单击名为save的按钮时,我想读取myform中的所有copythis,并创建一个要发送到webapi的结构。 我有一个问题是javascript,因为我可以正确读取每个
add句子
按钮时,我想复制一个名为copythis
的div
和所有事件,并将其插入另一个名为myform
的div中
在copythis
中,我有两个div:第一个div中有一个span
名为句子
,我在输入
中插入文本,第二个div中,用户可以添加多个不同文本的字段
当用户单击名为save
的按钮时,我想读取myform
中的所有copythis
,并创建一个要发送到webapi的结构。
我有一个问题是javascript,因为我可以正确读取每个div
$(“#添加句子”)。在(“单击”)上,函数(事件){
if($(“#InputSession”).val()=“”)
警告(“句子必须有值”);
否则{
event.preventDefault();
var theContainer=$(“#copythis”);
if(容器!=null){
var clonedSection=$(容器).clone(true);
if(clonedSection!=null){
$(clonedSection)。查找(#句)
.text($(“#输入句子”).val();
$(clonedSection)。附录(#myform”);
}
}
}
});
$(#保存”)。在(“单击”)上,函数(事件){
$(“#myform#copythis”).children().each(函数(索引,元素){
var elm=$(本);
var-statement=elm.find('.row span#statement').val();
如果(句子!=''){
console.log('句子:'+句子);
$(“输入”).children().each(函数(m,l){
var txt=$(this.val();
如果(txt!=''){
log('Example:'+txt);
}
});
}
});
});
函数makeRepeater(sectionsSelector、addClass、removeClass、AYSMSSG){
$(sectionsSelector+“”+addClass+“”,“+sectionsSelector+
“”+removeClass)。在(“单击”)上,函数(事件){
//避免链接以执行默认行为。
event.preventDefault();
//获取要删除/克隆的容器
var theContainer=$(this).parents(sections选择器);
if($(this).is(addClass)){
//克隆包含事件的容器
var clonedSection=$(容器).clone(true);
//并将其附加到当前容器之后
$(clonedSection)。在后面插入(容器);
}否则{
//如果用户确认“确定”消息
//我们可以删除当前容器
如果(确认(AYSMSSG)){
//使淡出、隐藏和删除元素成为序列
//在删除元素时提供良好的用户体验。
$(容器)。淡出('正常',
函数(){
$(this.hide('fast'),
函数(){$(this.remove();}
);
}
);
}
}
});
}
制造中继器(
“.my repeated section form”,/*容器选择器*/
“.addform”,/*添加操作选择器*/
“.removeform”,/*删除操作选择器*/
“您确定要删除此分区吗?”/*邮件将被删除*/
);代码>
添加
保存
看起来大部分功能正常。问题出在哪一块?当我点击按钮$(“#myform#copythis”)
时。我想先阅读句子
和同一div
但不同行中的所有输入