如何使用jquery启用克隆div？
使用jQuery启用克隆div的方法是使用.clone()函数。该函数用于创建被选元素的副本，并将其插入到指定位置。
以下是使用jQuery启用克隆div的步骤：
- 首先，确保在HTML文件中引入了jQuery库。可以通过以下方式引入：
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>- 在HTML文件中，创建一个包含要克隆的div的父元素。例如：
<div id="parentDiv">
<div class="cloneDiv">这是要克隆的div</div>
</div>- 在JavaScript文件中，使用以下代码来启用克隆div：
$(document).ready(function() {
// 选择要克隆的div
var originalDiv = $(".cloneDiv");
// 克隆div并将其插入到父元素中
var clonedDiv = originalDiv.clone();
$("#parentDiv").append(clonedDiv);
});在上述代码中，我们首先选择要克隆的div元素，然后使用.clone()函数创建其副本。接下来，我们将副本插入到父元素中，这里使用了$("#parentDiv")来选择父元素。
这样，当页面加载完成时，将会在父元素中创建一个克隆的div。
请注意，以上代码仅为示例，实际使用时需要根据具体情况进行调整。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）
- 产品介绍链接地址：https://cloud.tencent.com/product/cvm
相关·内容
为什么下面的jQuery代码导致我的浏览器挂起？
警告:除非您准备强制退出浏览器，否则请勿运行此命令
<!DOCTYPE HTML>
<title>Simple clone</title>
<script type="text/javascript" src="jquery.js"></script>
<div>
<script>$('div').clone().appendTo('body');</script&
浏览 0提问于2011-12-05得票数 4
回答已采纳
我刚刚使用纯色对#wrapper div应用了不透明度：
jQuery("#wrapper").css({ opacity: 0.5 })
这很好用，但我不希望他们的孩子div继承不透明。我如何避免这种行为，而不使用PNG透明黑客？
浏览 0提问于2011-02-10得票数 1
回答已采纳
1回答
我正在使用jQuery克隆一个div，发现克隆元素上的事件不起作用，尽管它们在原始元素上工作。我该怎么做呢？请注意中的答案是如何声明.
例如，jQuery的 ()方法可以通过它的事件侦听器复制节点
let add = document.getElementsByClassName("add"),
rem = document.getElementsByClassName("rem"),
container = document.getElementsByClassName('container')[0];
for (let i =
浏览 1提问于2022-04-23得票数 2
4回答
我开始学习jquery，并想弄清楚如何克隆表单的某些部分。我有下面的代码，我想知道为什么它只在我点击一次时才起作用。如果我点击它超过一次，它不会做任何事情。我做错了什么？
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Intranet</title>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<s
浏览 1提问于2013-12-31得票数 0
1回答
我正在尝试用jQuery编写一个函数，这个函数可以用我的页面中已经存在的div创建一个无限滚动。当您到达原始内容的末尾时，我想让它们出现并随机加载。问题是，我刚刚开始使用jQuery，我真的不知道该由谁来做！
我所有的div都有一个item类，并且都在.content div中。目前我有11个。
我试着使用.append(specific div)，但是我不知道如何使用div列表来实现它。
有人知道我该怎么做吗？
$(document).ready(function() {
var collection = $("div.content .item").ge
浏览 0提问于2019-05-29得票数 0
回答已采纳
1回答
目前使用jquery拖放，我在左边有两个div draggable，右边有两个droppable。我在可拖放的div中有两个元素，我可以从中拖放到可拖放的div中
但我需要的是，当我把一个元素放到可放的div中时，可放的div的id应该被改变。
如何更改右div的元素id和左div的id应该是相同的..
这是我的jsfiddle
浏览 0提问于2013-07-16得票数 0
回答已采纳
2回答
为什么当我将draggable div拖到droppable1 div时，它总是被放置在droppable2 div中。
此外，我遵循了jQuery UI快照选项，但它不起作用。我如何使它不是拖动实际的draggable元素，而是拖动它的一个实例/副本，并让droppable接受这些draggable元素的多个。
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
$(function() {
$( '#draggab
浏览 3提问于2013-10-08得票数 3
回答已采纳
当我使用jQuery克隆一个对象时，如果它是一个select，'onchange‘事件会变成'onclick’。如何使用jQuery克隆元素并保留所有属性和事件？已使用.clone(true)。
以下是JS的代码：
function addNovoPasseio (obj){
newobj=$(".passeios").clone(true);
$(newobj).find("*").removeAttr('id');
$(newobj).insertBefore("#addPasseio"
浏览 0提问于2012-08-17得票数 0
嗨
假设我有以下代码：
<div class="Hello">
<div class="inner">Hello</div>
</div>
<div class="Goodbye">
<div class="inner">Goodbye</div>
</div>
<div class="Goodnight">
<div class="inner"
浏览 1提问于2010-12-17得票数 1
回答已采纳
如何提取div中省略内部html标记文本的文本部分？
这是div
<div class="MessageBox">I want to see only this message<span....>Click Here to collapse</span></div>
下面是javascript函数中的jquery
var message= $(".MessageBox").text();
现在我得到了message=“我只想看到这条消息单击此处折叠”
我想要message =“我只想看到这条消息”
浏览 1提问于2012-08-01得票数 2
回答已采纳
我正在尝试通过JQuery循环递增，以使用来自JSON文件的数据填充一些HTML代码。问题是我似乎不知道如何将div一个接一个地写到HTML中，取而代之的是循环将数据逐个递增，最后在屏幕上显示数组中的最后一个对象。
这是我的Javascript (tubing.js)：
$(document).ready(function() {
crazyFun();
});
function crazyFun() {
for (var i = 0; i < virtualGoods.length; i++) {
var alpha= $('div.container'
浏览 0提问于2010-07-20得票数 2
回答已采纳
2回答
我在jQuery中克隆一行有问题。
我的JS：
<script>
$(document).ready(function() {
$('#addLine').click(function() {
$('.data-line').last().clone({
withDataAndEvents: false
}).insertBefore('.data-line')();
});
});
</script>
我的HTML：
<div
浏览 3提问于2014-03-16得票数 0
回答已采纳
2回答
所以我使用jquery克隆一个div，这样我就可以保持输入数组的大小是动态的。它工作得很好，但我忍不住想，在克隆之前添加类，这样我就可以在克隆之后删除旧的添加更多链接，从克隆中删除类之后再删除，这样做效率会更高。或者是整体上更有效的方式来做这件事。
下面是html：
<div class="reg_heading_description" id="bio_brothers"></div>
<div class="bio_brother">
浏览 4提问于2011-12-16得票数 0
回答已采纳
我必须创建一个形式的克隆，我已经使其类似于波罗。
<div id="form-field" class="form">
<input type="text" name="coursename" id="firstname" value="coursename" />
<input type="text" name="institutename" id="institu
浏览 1提问于2013-01-09得票数 0
4回答
我正在努力学习和理解jquery，但我在使用多个选择器时遇到了一些问题。当我的选择器中有一个克隆的jquery对象时，我似乎不能更新属性，id和name。
HTML
<div class="File">
Choose a file:
<input id="File0" name="File0" type="file" />
</div>
<input id="AddFile" type="button" value="Add a File&
浏览 1提问于2013-03-03得票数 0
回答已采纳
Add row将克隆div，但是当我继续单击它时，它不会克隆单个元素，而是复制倍数，这里的逻辑有哪些缺陷？
$('#addRow').click(function () {
$(this).siblings('.elem').clone().appendTo($(this).siblings('.elem'));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
浏览 4提问于2015-06-09得票数 1
回答已采纳
2回答
我有一些Jquery用于克隆div，div内部是一个进行计算的输入。
当我克隆div并创建一个新div时，计算不适用于新div。据我所知，计算只能用我写的一次。我已经找过了，但找不到我要找的东西。
我也有一个问题，当我在输入中添加一个数字时，计算会为第一个div工作，但它也会删除我的按钮。
如何对每个新克隆的div进行新的计算？如何阻止计算删除“添加/删除”按钮？
function clone() {
$(this).parents(".clonedInput").clone()
.appendTo("body")
.attr("
浏览 0提问于2017-10-11得票数 0
回答已采纳
在使用jQuery的火狐浏览器中，我得到了“不应该使用keydown事件的'charCode‘属性。值没有意义”的错误。我的代码如下所示：
$("div#center-box div#empid-textbox input.id").keydown(function(e){
key = e.which;
if(key===13){
//do something;
};
});
有谁知道如何纠正这个错误吗？
浏览 1提问于2010-04-15得票数 5
回答已采纳
我使用下面的jquery将一个div (Keywfeature)的内容克隆到页面上的另一个div (keyfeaturestop)中。我希望能够从第一个div (#keyfeatuers)中获取ul标记，然后克隆它并将其添加到keyfeaturestop div。
$("#keyfeatures").clone().prependTo("#keyfeaturestop");
在jQuery示例页面中，他们将一个粗体元素克隆到一个段落中，请参阅此处我不太擅长使用jquery选择器，但我认为它有一些功能可以做到这一点
谢谢
浏览 6提问于2011-11-06得票数 0
回答已采纳
我知道如何使用。
但我不确定是否可以做到这一点：
我在一个div中有一个元素列表，它在overflow:hidden中：
html：
<div id="list">
<p id="draggable_1">Element 1</p>
<p id="draggable_2">Element 2</p>
<p id="draggable_3">Element 3</p>
</div>
css：
#list
{
浏览 0提问于2013-02-02得票数 2
回答已采纳
1回答
全,
我需要向用户添加的动态表单输入文本元素添加验证规则。
我通过克隆HTML块、提供唯一的I并添加到DOM来实现这一点。
我研究了这方面的语法，我认为这是正确的，但当我试图访问.rules方法时，我得到了以下JS错误：
TypeError: $(...).rules is not a function
由此引起的：
$("input[type=text].validateRequired").each(function () {
$(this).rules("add", { required: true, messages: { required:
浏览 0提问于2014-02-05得票数 0
如何克隆DIV，将其添加到div之后，并为其赋予新的标识符？
我有一个带有类reflection的DIV，我想要克隆这个DIV的每个实例，并将其插入到原始实例之后，但是有reflected类(没有类reflection)，我如何使用jQuery实现这一点？
这是我目前的小提琴，但它不能正常工作...
浏览 0提问于2012-02-09得票数 6
回答已采纳
1回答
我创建了一个jquery插件，我想知道如何改进/优化它。代码在这里：
(function($) {
$.fn.linkZoomIcon = function(options)
{
var opts = $.extend($.fn.linkZoomIcon.defaults, options);
return this.each(function()
{
var $this = $(this);
$this.hover(function ()
{
浏览 1提问于2011-12-29得票数 0
我有一个html结构：
<!DOCTYPE html>
<html lang="en">
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js "></
浏览 0提问于2017-09-04得票数 0
我有HTML代码
<div class="content">
Question : <input type="text" size="30"/><br />
Answer A : <input type="text" size="30"/><br />
Answer B : <input type="text" size="30"/><br />
Ans
浏览 0提问于2011-03-28得票数 1
2回答
我想克隆一个完整的div，但不包括该div中的最后一个<p>元素。如何使用jQuery来做到这一点？
原始div：
<div class="clone">
<p>Content<p>
<p>Content<p>
<p>Content<p>
<p class="exclude">Content<p>
</div>
克隆人之后我要这个：
<div class="clone">
浏览 5提问于2013-10-11得票数 0
回答已采纳
我正在使用jQuery附加函数在前端克隆输入字段，它工作得很好，但问题是我在父元素上进行了验证，它不能在新附加的输入字段上工作。这是我的jQuery代码。
jQuery(function($) {
$("#addChild").click(function() {
$(".name-field:first").clone().find("input").val("").end()
.removeAttr("id")
.appendTo("#additionalsele
浏览 3提问于2018-03-22得票数 0
我是jQuery和UI的新手。
使用jQuery和jQuery UI无法理解DOM对象的整个拖放和复制保存到DB进程。
我有一些奇怪的情况：
帮助者克隆根本不起作用。
使用下面的代码，原始的div拖放，而不是克隆。
<!doctype html>
<html lang="en">
<head>
<style>
#makeMeDraggable { float: left; width: 100px; height: 100px; background: red; }
#makeMeDroppable { float: left;
浏览 0提问于2013-03-14得票数 0
如果我有一些带有嵌套元素的html： <body id="body">
<div id="outer-div-0">
<div id="inner-div-0">
</div>
</div>
</body> 以及一些将外部div赋值给变量的JQuery： var $div = $('div[id^="outer-div-"]:last'); 我是否可以使用$div变量来更改id inner-di
浏览 15提问于2019-07-02得票数 0
回答已采纳
1回答
可下垂后调整大小不起作用
、、、
我正在经历一个奇怪的问题，在可调整大小的Jquery事件和可丢弃的Jquery事件之间出现了混乱。
问题
我有一个可以很容易调整大小的div。但我不能调整大小后，我拖放这个div到可下垂的区域。有人能帮上忙吗。
这是我的
我有以下代码
Jquery
function makeDraggable() {
$(".selectorField")
.draggable({
containment: $('body'),
helper
浏览 3提问于2014-11-10得票数 3
回答已采纳
1回答
我使用comboBox Plugin.When，我选择zawgyi-下拉列表框中的一个，jquery而不是working.Why？
html
<div class="result">
<span>မြန်မာစာ(Myanmar Text)</span>
</div>
<!-- For Testing Jquery -->
<button id="click-btn">Jquery Testing Button</button>
javascript
jQuery(fu
浏览 1提问于2014-11-20得票数 0
回答已采纳
我在一张桌子里有一张表格。在该表中，我有一行用于输入字段。我有两个删除行和添加行的选项。在添加行中，当用户单击时，将添加一个新行；当用户将单击删除行时，最后一行将被删除。所有这些都运行得很好。但我有一个问题，假设我点击了remove row选项，最后一行将被删除，这样所有行都将被删除。现在再一次，当我点击add line时，并没有添加新的行。那么有人能解决这个问题吗？下面是完整的代码
<!DOCTYPE HTML>
<html lang="en-IN">
<head>
<meta charset="UTF-8">
浏览 0提问于2012-09-27得票数 1
回答已采纳
2回答
HTML：
<div id="test">
<p class="test1">test 1</p>
<p class="test2">test 2</p>
<p class="test3">test 3</p>
<p class="test4">test 4</p>
</div>
<div class="clickdiv">click&
浏览 0提问于2013-09-11得票数 8
回答已采纳
我想用jQuery动态生成8个新段落：
但是，这段jQuery只在我的div中添加了一个段落(其中包含文本"7“)。
var attached = $("<p>");
var sandbox = $("#sandbox");
for (var i = 0; i < 8; i++) {
// How come reseting attached works? attached = $("<p>");
attached.html(i).appendTo(sandbox);
}
HTML：&l
浏览 0提问于2012-04-16得票数 0
回答已采纳
最初的情况如下：
<div id="bigDiv">
<div><input type="file"/></div>
</div>
克隆后的预期结果：
<div id="bigDiv">
<div><input type="file"/></div>
<div><input type="file"/></div>
</div>
我试着做了
浏览 0提问于2013-10-28得票数 2
回答已采纳
我正在用jQuery克隆HTML代码，并在附加原始内容被破坏后将其附加到div中，这两个单选按钮都得到了unchecked，那么如何解决这个问题呢？
你能帮我吗？
HTML
<div class="contentWrapper">
<button>clone</button>
<div class="input-group">
<div class="content">
<div class="content
浏览 0提问于2017-12-21得票数 0
回答已采纳
整个上午我都在为这件事而挣扎，我似乎不知道问题出在哪里。在我的页面上，我有一个拖放的文本字段。(当您第一次将它作为“item-text-1”拖到画布上时，它有一个用于测试的静态ID )
当我第一次将项目拖到控制台日志中时，您可以清楚地看到从$("# item -text-1").data("test")中输出的"1“，但是当您继续拖动它几次时，由于某些原因，它将开始转到”未定义的“，我完全不知道如何解决这个问题。我试着做了ui.helper.detached()，然后也删除了所有这些，现在我就迷路了。
<html>
<head>
浏览 5提问于2016-09-15得票数 0
回答已采纳
我有一个用div克隆下拉菜单的简单代码：
<div id="tag-wrapper">
<label for="">Tag (max 3)</label>
<button id="add_tag">Add Tag</button>
{{-- <div id="add_tag">Add Tag</div> --}}
<select name="tags[]" id
浏览 0提问于2018-11-24得票数 2
2回答
CSS：
#test {
visibility: hidden;
width: 400px;
height: 400px;
background-color: orange;
}
#subTest {
width: 100px;
height: 100px;
background-color: gray;
}
HTML：
<div id="test">
<div id="subTest"><
浏览 0提问于2016-03-25得票数 1
1回答
var form_error = jQuery('<div/>').attr('class', 'input-error').append(jQuery('<div/>').attr('class', 'error-label'));
var registration_fields_list = jQuery('<ul/>');
jQuery.each(registration_fields, function(){
var label
浏览 0提问于2013-02-12得票数 0
代码如下：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>jQuery UI Slider </title>
<link href="../style.css" rel="stylesheet" type="text/css"
浏览 2提问于2011-06-21得票数 0
回答已采纳
使用jQuery克隆div：
$(document).ready(function() {
// clicking the buttton
$(".showcanvas").click(function() {
// cloning and appending the div
$(".canvas").first().clone(true).appendTo("article").fadeIn("1200");
});
});
在这个div中有一个p5画布：
<script>
var ske
浏览 1提问于2018-10-22得票数 1
回答已采纳
我正忙于一个表单，需要有一个选项，以复制某些领域的用户点击次数，然后它也需要被电子邮件发送，因此我目前在护照领域。
唯一的问题是，我设置它的方法是为每个div元素创建一个输入字段。那么现在字段ids在哪里：
1 2 3 4 5 6 7 8 9 10 11 12 13
当我使用jQuery克隆时：
1 2 3 4 5 6 7 8 9 10 11 12 13 1 2 3 4 5 6 7 8 9 10 11 12 13
以及我所需要的：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
但是，我如何只分配与该输入相关联的第一组i，
浏览 0提问于2012-12-11得票数 0
回答已采纳
我在用
$(document).on('click', '.mySelector', function () {
//do something
});
要将事件委托给按钮，请执行以下操作。接下来，我使用.clone(true)来复制div，它包含几个带有委托给它的事件的按钮。我的问题是如何从选定的新创建按钮中删除事件？我受够了：
$(document).unbind('click', $(myNewDiv).find('.mySelector'));
不知何故，它正在从整个文档中的所有$('.mySelector&
浏览 3提问于2014-06-30得票数 3
回答已采纳
我有个问题，这是我的html
<div id="slider" class="hidden">
<input type="button">X</input>
</div>
以下是我的Jquery：
var el = $('#slider').clone();
el.removeClass("hidden");
el.text("My humble text");
$("#otherdiv").append(el);
所以问题是，当我执
浏览 1提问于2014-01-31得票数 0
回答已采纳
2回答
我对我的HTML设计有疑问。我有一个固定位置的<div> ... </div>区。我希望在body标记内的任何位置重用该<div></div>。
我使用jQuery和JavaScript以及innerhtml('...')、after('...')、append('...')方法进行了尝试。它是有效的，但我不想用引号来解释这100行，还有一件事。我希望不止一次地包含该<div></div>。
示例代码格式。
<html>
<head>
....
<
浏览 1提问于2013-03-30得票数 0
回答已采纳
我有两个div，如下：
<div id='div1'>
<p>Hello world!</p>
</div>
<div id='div2'>
</div>
<a id='test' href='javascript:void()'>Click me to fill in div2</a>
我一直在想，用jquery的内容填充div2的最佳方式应该是什么，以便拥有
<div id='div1'>
浏览 0提问于2011-10-05得票数 0
回答已采纳
我使用jQuery已经有一段时间了，但是这是一个新的。一个简化的例子：
HTML
<div class='custom'></div>
<div class='custom'></div>
<div class='custom'></div>
jQuery：
var $customElems = $('.custom'),
$spanOuter = $('<span class="outer"/>'),
浏览 4提问于2014-02-26得票数 1
回答已采纳
我在html中有一个div，我每次单击addMaterial ()按钮时都会在其中克隆一个div，jQuery代码如下所示，我创建了这个克隆，我更改了要克隆的div的ID名(非常好)，同时我还更改了包含该div的select ID的名称。问题是，默认情况下，只有第一次单击的选择的ID更改(即第一次克隆)在下面的select ID中保持不变。澄清$ num是我从laravel控制器传递的一个变量，其值为0。
代码Html并选择
<div id="div-materiales-{{$num}}" class="form-group">
<
浏览 1提问于2020-06-03得票数 0
回答已采纳
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Demo</title>
</head>
<body>
<div class="outerContainer">
<div class="innerContainer">
<di
浏览 3提问于2020-11-21得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
