jquery克隆div然后到处查找并替换

Question

编辑 我尝试了下面的两个建议，但它仍然不起作用...它克隆，但不增加...

function createNewSection() {

var cloneUp = $('.section-form').length;
var cloneCount = $('.section-form').length - 1;

var newSection = $('#section-0').clone(function() {
        $(this).find('*').each(function() {
            $(this).attr('id', $('#section-0').attr('id').replace(/section-0/,'section-'+cloneUp).replace(/section[_\[]0\]?/,'section_'+cloneUp));
            $(this).attr('name', $('#section-0').attr('replace').replace(/section-0/,'section-'+cloneUp).replace(/section[_\[]0\]?/,'section_'+cloneUp));
        });
});




$('#sections').append(newSection);

}

我试图替换特定字符串的所有实例并尝试了一些有很多方法可以做到这一点，但通常情况下，我会收到一条错误消息，指出 Replace 不是函数，$(this) 未定义，或缺少 : after argument...

例如，在以下 HTML 中：

<div id="section-1-add">
    <div id="section-1">
      <span class="section_1-span">Title</span>

       <input name="section[1][item][62]" id="section-1-item-1" value="Enter Section 1 / Item 1" />

    </div>
</div>

我想要替换所有实例：

section-1 with section-2
section_1 with section_2
section[1] with section_2

我已经尝试了本质上的许多变体同样的事情，但这是最近的尝试：

function createNewSection() {

    var cloneUp = 2;  //this is currently hardcoded, but will be dynamic... just for this example

    var newSection = $('#section-1-add').clone(function() {
            $(this).find('*').each(function() {
                $(this).id=$(this).id.replace(/section-1/,'section-'+cloneUp).replace(/section[_\[]1\]?/,'section_'+cloneUp);
                $(this).name=$(this).name.replace(/section-1/,'section-'+cloneUp).replace(/section[_\[]1\]?/,'section_'+cloneUp);
            });
    });

    $('#sections').append(newSection);
}

在上面的代码中，该部分被克隆，但 id 或名称都没有改变......

Answer 1

您应该使用 .attr() 函数来获取和替换 id、class 值。例如：

$('#section-1').attr('id', $('#section-1').attr('id').replace(/section-1/g, 'section_1'));

Answer 2

下面的代码：

 $(this)

标识了一个 jQuery 对象，但看起来好像要修改实际的 DOM 对象。要获取该 DOM 对象，请尝试...

 $(this)[0].id = $(this)[0].id.replace(/*etc*/);