JQuery的搜索和复制DIV

Question

我有一个div

<div id="s1">s1</div> 

能JQuery的检查ID，并创建DIV但与1副本被更改为下一个数？

Answer 1

这段代码的目的是为了创造一个不断进步的S指数是使用全局变量sIndex，该变量在克隆每个div时递增。这允许持续进步的数字。

如果您不想在复制时使用上一个div的内容，请尝试使用clone(false)。

var sIndex = 1; 

function cloneSDiv() { 
    var parent = $("#s" + sIndex); 
    var clone = parent.clone(); 
    sIndex++; 
    clone.attr("id", "s" + sIndex).insertAfter(parent); 
} 

$(document).ready(function() { 

    $('.eventSelector').click(function() { 
     cloneSDiv(); 
    }); 

}); 

Answer 2

$("#s1").clone().attr("id", "s2").insertAfter("#s1"); 

Answer 3

您可以使用jQuery的clone函数。

这样的：

var clone = $("#s1").clone();然而，ID保持不变，但是可以很明显的改变，要什么样：clone.attr({"id":"s2"});

Answer 4

这是一个解决方案，没有索引全局（这是你问的问题）。它获取并克隆div，检查id并将其增加到下一个。不知道你是如何计划获得股利，所以如果你正在做其他事情，重要的东西是在每个功能。

$("div").each(function() { 
    $(this).clone().attr("id", "s" + (parseInt($(this).attr("id").replace("s","")) + 1)).insertAfter("#s1"); 
    });