Javascript 双击jQuery克隆div，单击一次更改样式

我想克隆

选定的

div。单击一次，它应该为单击的div提供一个边框。双击时，它应该克隆该div

当我单击它时，它不会给所选的div提供边框轮廓。双击时，它应该克隆该div，仅此而已

我的：

$（文档）.ready（函数（）{
$（“div”）。在（'click'，function（）上{
警报（“已克隆单击的Div！！！”；
});
$（div）.addClass（“选定”）；
$（document）.on（“mouseup”，function（）{
$（“.selected”）.removeClass（“selected”）；
});
});
。已选定{
边框：1px纯红；
}

为什么变型建筑如此有趣和简单？
我们必须清楚地认识到，所有人都有错误，因为他们的行为都是值得称赞的，他们的行为符合发明家的真实性和准建筑师的要求。
试试看

试一试

请尝试以下jquery代码：

$(document).ready(function(){       
    $(document).on('click', "div", function(e){
        e.preventDefault();
        console.log("clicked Div is cloned!!!");
        $("div.selected").removeClass('selected');
        $(this).addClass('selected');
        return false;
    });

    $( "div" ).dblclick(function() {
        if($(this).hasClass('selected')) {
            var clonned = $(this).clone();
            clonned.removeClass('selected');
            clonned.insertAfter($(this));
        }
    });
});

请尝试以下jquery代码：

$(document).ready(function(){       
    $(document).on('click', "div", function(e){
        e.preventDefault();
        console.log("clicked Div is cloned!!!");
        $("div.selected").removeClass('selected');
        $(this).addClass('selected');
        return false;
    });

    $( "div" ).dblclick(function() {
        if($(this).hasClass('selected')) {
            var clonned = $(this).clone();
            clonned.removeClass('selected');
            clonned.insertAfter($(this));
        }
    });
});

试试那样的

如果希望单击某个div，也可以注册单击包装div，则可以删除
e.stopPropagation（）
语句


$（文档）.ready（函数（）{
$（文档）.on（'click'，'div'，函数（e）{
$（this.addClass（'selected'）；
e、 停止传播（）；
});
$（文档）.on（'dblclick'，'div'，函数（e）{
$（this.clone（）.insertAfter（$（this））；
e、 停止传播（）；
});
});
。已选定{
边框：1px纯红；
}

为什么变型建筑如此有趣和简单？
我们必须清楚地认识到，所有人都有错误，因为他们的行为都是值得称赞的，他们的行为符合发明家的真实性和准建筑师的要求。
试试这样的方法

如果希望单击某个div，也可以注册单击包装div，则可以删除
e.stopPropagation（）
语句


$（文档）.ready（函数（）{
$（文档）.on（'click'，'div'，函数（e）{
$（this.addClass（'selected'）；
e、 停止传播（）；
});
$（文档）.on（'dblclick'，'div'，函数（e）{
$（this.clone（）.insertAfter（$（this））；
e、 停止传播（）；
});
});
。已选定{
边框：1px纯红；
}

为什么变型建筑如此有趣和简单？
我们必须清楚地认识到，所有人都有错误，因为他们的行为都是值得称赞的，他们的行为符合发明家的真实性和准建筑师的要求。
您要克隆哪个div？我单击的、已克隆的div应该被一条边框线包围，双击它时，该div应该被克隆。您可以使用类似
$（this.clone（）.appendTo（“#clone wrapper div id”）
要克隆哪个div？我单击的，被克隆的div应该被一条边框线包围，双击它，该div应该被克隆。您可以使用类似
$（this.clone（）.appendTo（“#clone wrapper div id”）
请不要使用任何特定类，如
.col-lg-6.col-md-6.col-sm-12
，只想在单击的div上实现请不要使用任何特定类，如
.col-lg-6.col-md-6.col-sm-12
，只想在单击的div上实现大多数div都不会被选中，无论我在哪里单击，我该如何克隆所有的人it@user2828442这是因为内部div覆盖了最外层的div。如果在其中添加一些填充，则可以查看最外层的div。例如，检查我更新的小提琴@user2828442将边框添加到最外层的div中只是为了消除差异。我试图在右键单击时实现相同的效果，我尝试使用
$（文档）。在（“contextmenu”，“div”，“function（event）”{
，然后是
$（“div.selected”）.addClass（“selecteddiv”）
，这是正确的方法吗？@user2828442是的，没错。复制我们为单击创建的代码，然后用
上下文菜单重新单击即可。
最外面的div不会被选中无论我在哪里单击，我应该如何克隆所有的divit@user2828442这是因为内部div覆盖最外层div填充到最外层的div，然后您可以查看最外层的div。例如，检查我更新的小提琴。@user2828442为最外层的div添加了边框，只是为了消除差异。我尝试右键单击以实现相同的效果，我尝试使用
$（document）。在（“contextmenu”，“div”，function（event）{
，然后是
$（“div.selected”）。addClass（'selecteddiv'）；
，这是正确的方法吗？@user2828442是的，没错。复制我们为单击创建的代码，然后用
上下文菜单重新单击