我想克隆并添加一个 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){
$('#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>
最佳答案
我会尝试一下我认为你想要的:
$(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]);
}
});
关于jquery - 如何使用 jQuery 克隆、修改和添加元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6643412/