我已经改变了Milan Jaric从这个问题Jquery Clone Form Fields and increment ID给出的代码,但我遇到了一个我试图克隆Bootstrap崩溃的问题。我无法弄清楚如何改变属性' aria-control'值。
这是我目前所拥有的the demo。身份证和HREF本身工作正常,但是当我试图改变咏叹调控制的那一刻'值,引导程序折叠中的所有id和href都不会更改默认值。有什么想法吗?
JS脚本
var regex = /^(.*)(\d)+$/i;
var cloneIndex = $(".clonedBox").length;
function clone() {
$(this).parents(".clonedBox").clone()
.appendTo("div#accession_boxes")
.attr("id", "clonedBox" + cloneIndex)
.find("*")
.each(function () {
var id = this.id || "";
var match = id.match(regex) || [];
if (match.length == 3) {
this.id = match[1] + (cloneIndex);
this.href = match[1] + (cloneIndex);
this.attr("a[aria-controls]") = match[1] + cloneIndex;
}
})
.on('click', '#btnAddBox', clone)
.on('click', '#btnDelBox', remove);
cloneIndex++;
}
function remove() {
$(this).parents(".clonedBox").remove();
}
$("#btnAddBox").on("click", clone);
$("#btnDelBox").on("click", remove);
是的,我知道我的删除按钮不起作用,但它现在不是优先事项。
修改
感谢 lmgonzalves ,JS脚本现在可以使用了。以下是更新的脚本。再次感谢您的帮助!
JS SCRIPT(更新)
var regex = /^(.*)(\d)+$/i;
var cloneIndex = $(".clonedBox").length;
function clone() {
$(this).parents(".clonedBox").clone()
.appendTo("div#accession_boxes")
.attr("id", "clonedBox" + cloneIndex)
.find("*")
.each(function () {
var id = this.id || "";
var href = this.href || "";
var aria = $(this).attr("aria-controls") || "";
var matchID = id.match(regex) || [];
var matchHref = href.match(regex) || [];
var matchAria = aria.match(regex) || [];
if (matchID.length == 3) {
this.id = matchID[1] + (cloneIndex);
this.href = matchHref[1] + (cloneIndex);
this.aria = matchAria[1] + (cloneIndex);
}
})
.on('click', '#btnAddBox', clone)
.on('click', '#btnDelBox', remove);
cloneIndex++;
}
function remove() {
$(this).parents(".clonedBox").remove();
}
$("#btnAddBox").on("click", clone);
$("#btnDelBox").on("click", remove);