克隆div中的attr id

时间:2016-01-31 21:20:40

标签: jquery html

我有一个整个div,里面有一个复选框,它的类为.sv,id为#sv1 每次克隆整个div时,我希望此复选框具有唯一的ID 因此,我希望每次触发克隆功能时它都会增加1。例如。 sv1 sv2 sv3。 。 。

这是我到目前为止所做的:

$("#btnid").click(function () {
    $('.valgmulighed:last').clone().attr('id', 'valgmulighed' + ($('.valgmulighed').length + 1)).insertAfter('.valgmulighed:last');
    $('.sv:last').attr("id", "sv" + (index + 1));
});

忽略" valgmulighed"这只适用于整个div。

1 个答案:

答案 0 :(得分:1)

我猜您正在寻找的是以下内容。 index根本没有定义。所以你需要使用长度作为id替换东西。

$(function () {
  $("#btnid").click(function () {
    $('.valgmulighed:last').clone().attr('id', 'valgmulighed' + ($('.valgmulighed').length + 1)).insertAfter('.valgmulighed:last');
    $('.sv:last').attr("id", "sv" + ($('.sv').length));
  });
});
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<button id="btnid">Click</button>
<div class="valgmulighed" id="valgmulighed1">
  Hi
  <input type="checkbox" name="" id="sv1" class="sv" />
</div>

检查id checkbox以及div {/ 1}}。