Jquery 向单选按钮添加唯一名称

我有一个jQuery脚本，它会抓取一些html，并在每次单击“添加产品”时重复它。我让这个看起来很好用，但我意识到可以添加多个产品（同一个产品）。因此，单选按钮会产生干扰。它们需要唯一的无线电名称属性。我甚至不知道从哪里开始做这个，我想我可以有一个计数器，并将其添加到当前名称。。。提前感谢您的帮助

以下是html的一个示例：

<div id="product-container" class="product-container" style="display:none">
<div class="product-wrapper white-rounded">
    <div id="product-name" style="display:none"></div>
        <h4>Example Product 1</h4>
        <span class="align-right">
            <input name="select2" type="radio"><strong style="margin-right:20px">Option 1</strong>
            <input name="select2" type="radio"><strong>Option 2</strong>
        </span>
        <div class="remove float-right">
           <a href="#"><div class="img-remove"></div>Remove</a>
        </div>
        <div class="clear"></div>

   </div>
</div>

示例产品1
选项1
选项2

下面是一个jQuery，它抓取代码并在一个锚定点将其吐出：

$('.add-product').click(function() {
        if (Products < 4 || (Products == 4 && Products2 == 1)) {
        //Store html contents in Variable
            var thisProduct = $('#product-container').html()
        //Add account html to account center anchor point
            $('.add-product').before(thisProduct)
            $('#product-name').text(productName)
        //Add one more Product Count
            Products++
        //Add Product Count value to hidden Input Field, then manually trigger the change event.
            $('.product-count').val(Products).change()
        //Scroll to top of page after account is added
            $('html, body').animate({scrollTop:0}, 'slow');
        }

        else {
            alert('HALP!');
        }
    });

$（'.add product'）。单击（函数（）{
如果（产品<4 | |（产品==4&&Products2==1））{
//在变量中存储html内容
var thisProduct=$（“#产品容器”）.html（）
//将帐户html添加到帐户中心定位点
$（'.add product'）。在（此产品）之前
$（“#产品名称”）.text（产品名称）
//再添加一个产品计数
产品++
//将产品计数值添加到隐藏的输入字段，然后手动触发更改事件。
$（'.product count'）.val（产品）.change（）
//添加帐户后滚动到页面顶部
$（'html，body'）。动画（{scrollTop:0}，'slow'）；
}
否则{
警惕（'HALP！'）；
}
});

您是否尝试增加名称

---

这样它就不会重复同一个名字了

最快的解决方法是运行一个计数并将其附加到您的id或类中，这样它将始终是唯一的

    var un1 = 0;

for(yourloop){
    $("#whatever").append("idname"+un1);
    un1++;
}

---

看起来你的代码也在复制ID，这是不允许的。好吧，它在容器中用ID抓取html，而不会在实际的标记中重复它。至少我不这么认为。。。但我会再检查一遍。谢谢。这正是我所想的，我只是对jQuery不太在行，也不确定如何做到这一点。这是有道理的，但我必须在name=“whatever”字段后面加上“un1”。我可能是在极力解释这一点。当我多次添加此html内容并选择一个单选按钮时，它将取消选择所有其他单选按钮。因此，我需要更改名称字段，使它们都是唯一的。