如何使用jQuery克隆、修改和前置元素?
我想克隆一个div并在其前面加上前缀,但是我想更改前缀div的名称 在每次迭代中从preConfi到preConfiXX(例如preConfiA1,preConfiB1)。我可以使用什么语法如何使用jQuery克隆、修改和前置元素?,jquery,clone,prepend,Jquery,Clone,Prepend,我想克隆一个div并在其前面加上前缀,但是我想更改前缀div的名称 在每次迭代中从preConfi到preConfiXX(例如preConfiA1,preConfiB1)。我可以使用什么语法 /* on initial load, move default template into each GroupX location */ var groups = ['A','B','C','D','E','F','G'] for (var groupLetter in groups){ $(
/* on initial load, move default template into each GroupX location */
var groups = ['A','B','C','D','E','F','G']
for (var groupLetter in groups){
$('#template').clone().prependTo('#placeholder' + groups[groupLetter]);
}
<!-- ************************** -->
<!-- ******* GROUPS ******** -->
<!-- ************************** -->
<div id='groupA' class='preGroups'>
GroupA
<div id="placeholderA"></div>
</div>
<div id='groupB' class='preGroups'>
GroupB
<div id="placeholderB"></div>
</div>
....
<div id='groupF' class='preGroups'>
<div id="placeholderF"></div>
GroupF
</div>
<div id='template'>
<input type="radio" data-theme="a" name="preConfi" id="radio-choice-1" value="C" />
<input type="radio" data-theme="a" name="preConfi" id="radio-choice-2" value="T" />
<input type="radio" data-theme="a" name="preConfi" id="radio-choice-3" value="P" />
</div>
/*初始加载时,将默认模板移动到每个GroupX位置*/
变量组=['A'、'B'、'C'、'D'、'E'、'F'、'G']
for(组中的变量groupLetter){
$(“#模板”).clone().prependTo(“#占位符”+组[groupLetter]);
}
GroupA
B组
....
群发
我想试试你想要什么:
$(document).ready(function() {
var groups = ['A','B','C','D','E','F','G'];
for (var groupLetter in groups){
var myClone = $('#template').clone();
myClone.attr("id", "template-"+groups[groupLetter]);
var index = 1;
myClone.find("input[type^=radio]").each(function() {
var myName = $(this).attr("name");
$(this).attr("name", myName+groups[groupLetter]+index++);
});
myClone.prependTo('#placeholder' + groups[groupLetter]);
}
});
您的问题不清楚,能否给我们一个您想要实现的示例输出?对不起,我不明白您想做什么。在每个克隆的模板中更改预设置?+1只需要多一点。对不起。。。我把我的解释改进了一点。我想我可能理解,但我们需要更多的信息来确定。清理了一个缺少的端点paren。在不应该的地方有一个额外的()元素。不要忘记,页面上应该只有一个具有给定ID的元素。因此,您要更改克隆的ID。