0

我有一个 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!');
        }
    });
4

2 回答 2

1

您是否尝试过增加名称？

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

于 2012-07-25T17:14:03.240 回答
0

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

    var un1 = 0;

for(yourloop){
    $("#whatever").append("idname"+un1);
    un1++;
}
于 2012-07-25T17:17:33.730 回答