Ändern Sie die ID der inneren Elemente während des Klons
Ich mache beim Klicken auf eine Schaltfläche einen Klon eines DIV-Elements. Ich kann den ID-Wert des zu klonenden DIV-Elements ändern. Aber ist es möglich, die ID des inneren Elements zu ändern?
m folgenden Code ändere ich die ID von#selection
Während des Klonens muss ich die ID dynamisch ändern#select
.
<div id="selections">
<div class="input-group" id="selection">
<span class="input-group-addon">
<i class="icon wb-menu" aria-hidden="true"></i>
</span>
<select class="show-tick" data-plugin="select2" id="select">
<option>True</option>
<option>False</option>
</select>
</div>
</div>
<button class="btn btn-primary" type="button" style="margin-left: 30px;">
Add new selection
</button>
The JS unter
$(function() {
//on click
$("body").on("click", ".btn-primary", function() {
alert($(".input-group").length)
var
//get length of selections
length = $(".input-group").length,
//create new id
newId = "selection-" + length++,
//clone first element with new id
clone = $("#selection").clone().attr("id", newId);
//append clone on the end
$("#selections").append(clone);
});
});