Question

我正在尝试使用jQuery创建一个动态重复的字段：

HTML（PHP）代码：

<div  id="widget_dup">
    <p>

    <textarea class="code" cols="50" rows="5" id="o99_brsa_settings[brsa_dash_wdgt_content]"  name="o99_brsa_settings[brsa_dash_wdgt_content]"  value="<?php //echo $o99_brsa_options['brsa_dash_wdgt_content']; ?>"/><?php 
                        echo $o99_brsa_options['brsa_dash_wdgt_content']; 
                        ?></textarea>
                        <label class="description" for="o99_brsa_settings[brsa_dash_wdgt_content]">
                        </br><?php _e('Content for 1st widget', 'o99-brsa-domain'); ?>
                        </label>

    </p>
</div>
<div id="addScnt">add</div><div id="remScnt">remove</div>

JS从我发现的一些片段中组装出来：

<script type="text/javascript">

                //http://jsfiddle.net/obmero99/ZD9Ky/

                    // <![CDATA[

                    jQuery(function() {
                            var scntDiv = jQuery('#widget_dup');
                            var prevDiv = scntDiv.html();

                            var i = jQuery('#widget_dup p').size() + 1;

                            jQuery('#addScnt').live('click', function() {

                                    jQuery(prevDiv).appendTo(scntDiv);

                                    i++;
                                    //alert (prevDiv);
                                    return false;
                            });

                            jQuery('#remScnt').live('click', function() { 
                                    if( i > 2 ) {
                                            jQuery(this).parents('p').remove();
                                            i--;
                                    }
                                    return false;
                            });
                    });

                    // ]]>
                </script>

问题是此代码会复制字段ok，但不会更改ID，名称和其他属性（ID，NAME，FOR等。）

我尝试过这样做：jQuery(this).attr('id')+i;和jQuery(this).attr('name')+i;，但它无法正常工作。事实上，它根本不起作用。： - ）

如果理论上它不存在，我如何修改该字段的attr()？

根据评论：小提琴在这里：http://jsfiddle.net/obmerk99/uZuWA/

Answer 1

正确使用setting属性是

$(this).attr('id', i);

你应该知道，正如Ian所建议的那样，clone()更好用！

使用.clone进行演示

http://jsbin.com/oqalig/1/edit

JS - jQuery动态添加和删除字段

1 个答案: