Question

我有一个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>

而且，这是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!');
        }
    });

Answer 1

你试过增加名字吗？

这样它就永远不会重复同名！

Answer 2

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

    var un1 = 0;

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

为单选按钮添加唯一名称

2 个答案: