Jquery 添加和删除带有表标题的div标记
我正在尝试运行我的代码,但insertAfter在第一个div标记后插入div,而不是最后一个。我希望在最后一个div标记后动态地将其终止。Jquery 添加和删除带有表标题的div标记,jquery,Jquery,我正在尝试运行我的代码,但insertAfter在第一个div标记后插入div,而不是最后一个。我希望在最后一个div标记后动态地将其终止。此外,如果用户单击“删除”按钮,则单击“删除”按钮的div应该被删除
此外,如果用户单击“删除”按钮,则单击“删除”按钮的div应该被删除<我的标题也不太好用。需要进行一些小的调整
<script type="text/javascript" src="jquery.js"></script>
1) 你为什么要克隆克隆人?(
模板
)。2) 如果要在最后一项之后插入,是否可以使用appendTo
?Hi-Utanos,appendTo insert位于同一div标记中,我想作为新的div标记插入。我可以看到克隆人的问题。不是很专业。你能修好它吗。我想在动态而非静态后插入,但不知道如何插入?希望一旦这样做了,那么在div标记(基于uniqueId)结束后插入它的问题也会得到解决。第二,删除???标题(我的标题是基于js的)在jQ中找不到任何方法。任何帮助请…我的意思是,如果你的div在一个公共容器中,你可以使用appendTo
,即template.appendTo(“#容器”)
,谢谢,我认为div的流程现在是可以的,但是标题仍然不起作用,必须得到。删除工作。
$(document).ready(function() {
var uniqueId = 1;
$("#addRequest").click(function() {
var RequestDiv = "#div_" + $('#combo_3 option:selected').val() + "_1";
var RequestTableCap = "tbl_" + $('#combo_3 option:selected').val();
if ($(RequestDiv).is(":visible")) {
var template = $(RequestDiv).clone();
uniqueId++;
template.find('input,select,textarea,table').each(function() {
var newId = this.id.substring(0, this.id.length - 1) + uniqueId;
$(this).prev().attr('for', newId); // update label for
this.name = this.id = newId; // update id and name (assume the same)
})
.end()
.attr('id', 'div_data_1_1_1_1_' + uniqueId)
.appendTo('#idRequestDetails');
var TableCaption = 'Request #: ' + uniqueId + ' ' + $('#combo_2 option:selected').text() + ' ' + $('#combo_1 option:selected').text() + ' (' + $('#combo_3 option:selected').text() + ')';
var tbcaption = document.getElementById('RequestTableCap').createCaption()
tbcaption.innerHTML = TableCaption
}
if ($(this).attr("enabled", true)) {
if ($("#div_data_1_1_1_1_1").is(":hidden")) {
$(RequestDiv).slideDown("fast"); //Slide Down Effect
var RequestTableCap = "tbl_" + $('#combo_3 option:selected').val();
var TableCaption = 'Request #: ' + uniqueId + ' ' + $('#combo_2 option:selected').text() + ' ' + $('#combo_1 option:selected').text() + ' (' + $('#combo_3 option:selected').text() + ')';
var tbcaption = document.getElementById(RequestTableCap).createCaption()
tbcaption.innerHTML = TableCaption;
}
}
else {
$(RequestDiv).slideUp("fast"); //Slide Up Effect
}
});
$('.removeReq').click(function() {
$(this).closest.attr('div').remove();
});
});