为脚本选择器提供与克隆的div相同的id
脚本选择器是一种用于在网页中选择特定元素的工具。它可以根据元素的属性、标签名、类名等进行选择，并对其进行操作或应用样式。
对于提供与克隆的div相同的id，可以使用以下方法：
- 使用JavaScript的cloneNode()方法克隆div元素，并使用setAttribute()方法设置克隆元素的id属性与原始div相同。
var originalDiv = document.getElementById("originalDiv");
var clonedDiv = originalDiv.cloneNode(true);
clonedDiv.setAttribute("id", originalDiv.getAttribute("id"));- 使用jQuery库的clone()方法克隆div元素，并使用attr()方法设置克隆元素的id属性与原始div相同。
var originalDiv = $("#originalDiv");
var clonedDiv = originalDiv.clone();
clonedDiv.attr("id", originalDiv.attr("id"));这样，克隆的div元素就会具有与原始div相同的id属性。
腾讯云相关产品推荐：
- 云服务器（CVM）：提供弹性计算能力，可根据业务需求快速创建、部署和管理虚拟服务器实例。产品介绍链接
- 云数据库 MySQL 版（CDB）：提供高性能、可扩展的关系型数据库服务，适用于各类在线应用。产品介绍链接
- 云原生容器服务（TKE）：基于Kubernetes的容器管理服务，提供高可用、弹性伸缩的容器集群，简化应用的构建、部署和管理。产品介绍链接
- 人工智能开放平台（AI）：提供丰富的人工智能服务和工具，包括图像识别、语音识别、自然语言处理等，帮助开发者快速构建智能应用。产品介绍链接
以上是腾讯云提供的一些与云计算相关的产品，可以根据具体需求选择适合的产品来支持脚本选择器的开发和部署。
相关·内容
我只是想在每次点击时多克隆一个。我错过了什么吗obvious_谢谢
脚本：
$(function(){
$('input').click(function(){
$('.cloneitem').clone().appendTo('#container');
});
});
HTML：
<input type="button" value="clone it"/>
<div id="container"></div>
<
浏览 3提问于2011-11-28得票数 11
回答已采纳
我希望在id test元素中复制span元素。我知道.clone正在运行properly.But，如果我像这样使用.html，.click函数就不能工作了。我犯了错。如何仅使用.html()来处理这个问题？
HTML :
<div id="test">
<span class="new">hi</span>
</div>
<div id="test1"></div>
脚本:
function testtt (){
$('#test'
浏览 6提问于2013-10-11得票数 1
回答已采纳
1回答
当试图从jQuery表单获取多个字段时，我遇到了一些问题。
我使用表单创建项目。未预定义任务数，因此可以通过jQuery动态创建要添加新任务的新表单字段：
HTML表单
<form action="#" id="createProjectForm" method="post">
<fieldset id="Project">
<label for="title">Title:</label>
<label for="title">Coord
浏览 4提问于2012-12-11得票数 1
回答已采纳
用户输入成对的值。我需要复制最后一组并重新编号他们的I。下面的函数运行，但是新的div没有出现。我在某个杂草丛生的地方...感谢您的帮助！
$('#addparm').click(function (event) {
event.preventDefault();
var maxSeq = $('#maxseq').attr("seq");
var lastDiv = $('#pct[' + maxSeq + ']').parent();
$(
浏览 0提问于2011-11-02得票数 0
回答已采纳
我正在尝试使用jquery的attr()函数更新表单元素的ID。用于调试目的。
我似乎可以给其他元素赋值，比如attr('title'，'test')就行了。只有当我想要更新ID时才会这样。
我想要更新ID的全部原因是，我正在动态构建表单域，需要为它们分配ID。
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
浏览 3提问于2011-07-03得票数 0
1回答
是否可以使用此脚本获取每行下拉列表的值并将其放在textfield中。例如，“+”按钮单击后，下拉菜单的值出现在textfield中。以下是代码：
<html>
<head></head>
<body>
<form>
<table>
<tr>
<td>Name:- </td>
<td><input type="text" name="userid" id="userid"/></td>
</
浏览 2提问于2013-01-07得票数 0
3回答
我很确定我已经接近了，但我不知道我错过了什么：
var newId = 1;
$("#trigger").click(function(){
$("#new-div").attr('id', 'new-div' +newId++).clone().appendTo("#myDiv");
});
我设置了断点:我可以看到计数器自动递增，但是克隆的div没有出现在它应该出现的地方。我没有收到任何错误。用于此的HTML：
<div id="secret-div" style="disp
浏览 0提问于2012-12-09得票数 1
回答已采纳
6回答
如标题所示，我试图禁用特定的OnClick
<div id="test" style="display: block; opacity: 0.89;"></div>
这个div是从外部脚本加载的，这个脚本被混淆了，所以我看不到特定的代码.。
我想要移除这个
$("#test").click(function(){ return false});
$("#test").unbind();
$("#test").removeAttr("onclick");
//Suggestio
浏览 3提问于2013-10-11得票数 5
1回答
我在验证克隆元素时遇到了问题。对于发布的代码数量表示歉意，但我想我还是从一开始就把它放进去吧。
--这是原始div:的示例
<div id="addDriver1" class="clonedInput">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="<?= $editDriver; ?>">
<tr&g
浏览 0提问于2011-02-10得票数 1
我有一个div，我想要在页面中的某个地方添加一个新的div副本，但要使用新的in和新的事件处理程序。新的id可以采用“原始id+ _cloned”的形式。我可以提供新的ids，但我希望所有在原始div中的事件处理程序都附加到映射到新ids的新div。有没有办法用jQuery做到这一点呢？
浏览 0提问于2012-09-06得票数 0
回答已采纳
2回答
我在让JQuery选择器使用一些编程生成的div时遇到了一些问题
我使用来显示一些查询结果，每页有20个结果。当查询返回超过20个结果时(并且只有当有超过20个结果时)，分页按钮将出现在搜索结果窗格的底部。
<div class="google-visualization-table-div-page">
<div class="a-b-c a-d-e a-d-e-j a-d-e-o-p" title="" aria-disabled="true"
role="button" style=
浏览 2提问于2012-03-08得票数 0
在我的项目中，我使用了django内联表单集。我让jquery克隆表单集，但不幸的是，克隆的表单具有相同的名称和ids，因此在最后一个表单中输入的数据会覆盖第一个表单中的数据。我能做错什么呢？
下面是脚本：
<script type="text/javascript">>
function cloneMore(selector, type) {
var newElement = $(selector).clone(true);
var total = $('#id_' + type + '-TOTAL_FORMS'
浏览 0提问于2012-05-30得票数 1
回答已采纳
<script type="text/javascript">
$('.Ok').live('click', function () {
$("#popUp").dialog("close");
$('#mydiv').html("");
$.ajax({
url: "/HRBankInfo/
浏览 9提问于2012-08-17得票数 1
回答已采纳
下面是我正在查看的HTML代码：
<div class="table">
<div class="thead">
</div>
<div class="tbody grey-line">
<div class="trow">
<div class="tcell left" data-header-val="stuffa">
<d
浏览 0提问于2015-12-09得票数 0
1回答
当页面第一次加载时，我想从表数据中选择第一行。我的$('#Home').on('click', '#tblStyles .HomeSelect', function () {未命中。请在这里建议我，我错了。
报告视图
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#Home">Home</a></li>
浏览 124提问于2018-08-21得票数 0
回答已采纳
我只是想在克隆对象内的"employeeId“div元素中添加一些数据，但无法找到正确的语法来完成此操作。 以下是原始对象的一些布局： <div id="container">
<div id="reimbursement">
<div class="row">
<div class="col">
Employee ID:
<div id="emp
浏览 11提问于2019-06-30得票数 0
回答已采纳
2回答
我正在使用这个
现在，我正在使用一种方法来克隆select下拉列表。添加克隆div的按钮。因此，用户有一个初始下拉列表，但他可以添加更多。该div即被克隆。
主要问题是，当我克隆div时，dropdown关联到initial dropdown，no关联到克隆的new。结果是:新克隆的div的所有下拉列表都具有打开与第一个div关联的select的事件。
调用插件的脚本
<script language="javascript" type="text/javascript">
$(document).ready(function() {
浏览 2提问于2011-06-10得票数 6
回答已采纳
1回答
下面是我用来为我从数据库中读取的内容的滑块(淡入淡出效果)添加动画效果的JavaScript：
<script language="javascript">
jQuery(document).ready(function ()
{
var terms = ["span_1","span_2"];
var i = 0;
function rotateTerm() {
jQuery("#text-content").fadeOut(200, function() {
浏览 2提问于2012-08-29得票数 0
参见 basic示例：
<div id="cont">
<input type=button value='button'>
</div>
<input type=button value='button'>
和脚本：
$('input').click(function(){
console.log($(this));
console.log($('#cont').has($(this)));
console.log($('
浏览 2提问于2012-06-05得票数 2
<script type="text/javascript">
$(function() {
var newYear = document.getElementById('HF');
alert('hehe' + newYear);
$('#countdown').countdown({ until: newYear, format: 'DHMS', layout:
'<div id="time
浏览 0提问于2011-10-20得票数 0
回答已采纳
我已经安装了lightbox脚本，现在我想将该脚本应用于content div中的每个图像。我如何才能做到这一点？
我当前的JS代码：
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>
我希望将其应用到的css/div：
div.post img {
不知何故，我
浏览 0提问于2010-02-15得票数 3
回答已采纳
所以我试着让用户点击一个按钮，这个按钮的值包含一个问题编号和一个div id。然后，我尝试使用该问题编号来访问id为question_no"+_text“的跨度中的文本。
var text=$("div#"+div+" span#"+question_no+"_text").text();
问题是，它有一半的时间是有效的。它将捕获某些跨度上的文本，但不会捕获其他跨度上的文本。
HHere是我写的脚本：
$("button.add_answer").click(function() {
var question_no
浏览 2提问于2012-12-13得票数 1
5回答
需要在网页中添加一个元素，克隆实际。
console.log(($this));
给出了类似这样的结果：
<div id="id" class="class" style="style">
<p style="style">World</p>
</div>
我想在"World“之前加上具有完全相同结构的单词"Hello”
尝试使用attr()或html()，但替换了所有属性。
浏览 0提问于2012-07-27得票数 0
回答已采纳
3回答
我正在尝试使用脚本从我的Webapi获取数据。
我试过几十个不同的脚本，但是从来没有执行过。
剧本：
@section scripts
{
<script>
$(document).ready(function () {
$('.cocktail').on('click', function () {
$.getJSON(url + '/' + $(this).data('id'))
.done(function (data) {
$.e
浏览 1提问于2019-01-08得票数 0
回答已采纳
我在加载文档时克隆一个div，其中包含一个带有id=taskInput的输入元素。
在按enter键时，我用动态创建的div替换div。如果用户然后按下一个delete按钮，我将这个创建的div替换为原始的克隆。
我的问题是，我的document.queryselector没有使用原始版本的克隆版本。我想有相同的功能，我原来有一旦删除按钮被按下。
var originalState = $("#inputContainer").clone(true)
document.querySelector('#taskInput').addEventListener(&#
浏览 3提问于2017-11-01得票数 1
回答已采纳
1回答
我在页面上的表单中有一个<select name="id[]">下拉列表.我还有一个按钮，可以通过select添加更多的jQuery框(及其容器)：
$(document).ready(function() {
// $(".add-blank").click(function() {
$(document).on("click", ".add-blank", function() {
var container = $(this).closest("div");
浏览 1提问于2015-08-07得票数 0
回答已采纳
4回答
我已经安装了一个JQuery日期选择插件。我有两个约会需要挑选。
<div class="col-md-5">
From: <input id="datetimepicker" type="text" >
</div>
<div class="col-md-5">
To: <input id="datetimepicker2" type="text" >
</div>
然后，我在脚本标记之间
浏览 3提问于2014-05-20得票数 0
回答已采纳
我试图在同一个页面中使用相同的表单两次，表单工作了一次，但不是两次，我认为问题是id或什么的，但我不确定我对javascript不是很好。
帮助感激。
<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(function () {
$('#btnAdd'
浏览 4提问于2015-01-28得票数 0
回答已采纳
2回答
我们有以下文件：Action.php
<?php
$array = array(
0 => array(
'id' => "2",
'name' => "Start",
'password' => "start"
),
1 => array(
'id' => "3",
'name' => "M
浏览 2提问于2011-02-21得票数 1
回答已采纳
1回答
这是我的桌子在迪夫：
<div class="employmentHistory">
<table class="employmentHistoryForm">
<tr>
<th>Name</th>
<th>Position</th>
<th>Action</th>
&l
浏览 0提问于2013-08-02得票数 1
回答已采纳
任务是重新加载包含所有内容的list div。
内容是space和foo，它们也是用javascript生成的。
<div id="list-wrapper">
<div id="list">
<div class="space"></div>
<div class="foo"></div>
<div class="foo"></div>
<d
浏览 4提问于2015-12-19得票数 1
4回答
我有一系列的div，我想克隆和显示/隐藏在一个不同的div悬停。虽然我已经知道了如何用jQuery克隆一个或全部，但我仍然停留在如何迭代地克隆每一个。
HTML，本质上是：
<div id="test">
<div id="source1" class="src">content1</div>
<div id="source2" class="src">content2</div>
<div id="source3" cl
浏览 1提问于2011-08-07得票数 1
回答已采纳
1回答
通过使用jQuery为列表中的每个项目创建相同的内容，我已经创建了一部分内容。除了最后一条外，一切都很完美。因为某种原因它表现得很奇怪。
为每个只接受2个字符的条目创建一个输入字段。我有一个错误脚本，它将解析条目并查看它是否有效。在这种情况下，我只接受低于61的数字。除最后一项外，所有输入都正常工作。
此外，创建的3个输入的标签没有将焦点放在这个条目的受尊重的输入值上。
我的问题是，我不知道为什么最后一个条目不工作，而其他人会。有人能解释一下吗？
下面是使用的几个函数。
Populate.js (用于从列表中创建内容)
var $parent = $('div#heroes')
浏览 11提问于2014-02-07得票数 0
回答已采纳
2回答
当我单击“复制”时，它会很好地复制行，但是当我再次单击它时，我会得到另一个2，然后是4个等等，我如何才能阻止这种情况发生，并在每次单击时复制一个div。
Jquery：
<script>
$(".clonable-button").bind('click', function(e){
e.preventDefault();
var section = $(this).data('clone');
var parent = $('[data-id="' +
浏览 3提问于2016-03-29得票数 0
回答已采纳
如何选择所有id以"player_“开头的元素？
我有多个这样的元素：
<div id="player_290x3dfda">text</div>
每个id都有一个独特的图章。如何选择所有这些元素，无论是使用jQuery还是纯CSS？
浏览 44提问于2011-02-15得票数 158
回答已采纳
3回答
我选择页面的一个元素：
$mainSection = $('#main');
然后，通过AJAX将更多的元素添加到<div id="main"></div>元素中。下次我调用$mainSection时，新添加的元素也在其中。但我不想那样。我希望变量$mainSection只包含页面初始呈现中的内容。我找不到阻止jQuery更新的方法。
我试过这个：
$(document).ready(function(){
$mainSection = $('#main').clone(true);
然后向#main添加新元素，然后
浏览 0提问于2014-06-13得票数 2
回答已采纳
1回答
我使用这些元素- jQuery窗口。
我创建窗口，我有一个网站创建了div。这个div是隐藏的。当我打开窗口时，div是可见的。这是正确的。
当我点击图片(#imgChatSend)时，我想从输入(#txtChatInput)中获得值。条目总是空的。为什么？
这是我的密码：
<div id="ChatForm" style="display:none;">
<input id="txtChatInput"name="txtChatInput" type="text" />
<img
浏览 2提问于2011-09-24得票数 0
回答已采纳
我在用
$(document).on('click', '.mySelector', function () {
//do something
});
要将事件委托给按钮，请执行以下操作。接下来，我使用.clone(true)来复制div，它包含几个带有委托给它的事件的按钮。我的问题是如何从选定的新创建按钮中删除事件？我受够了：
$(document).unbind('click', $(myNewDiv).find('.mySelector'));
不知何故，它正在从整个文档中的所有$('.mySelector&
浏览 3提问于2014-06-30得票数 3
回答已采纳
我希望'div#Welcome a‘和'div#Familiarize a’指向这个JS代码：
e.preventDefault();
var itemClicked = $(this);
var id = itemClicked.attr("id");
id = id.replace(/\D/g,'');
slider.goToSlide(id);
return false;
现在我有一个：
$('div#Welcome a').click(function(e){
这是：
$(&
浏览 0提问于2016-02-19得票数 0
回答已采纳
我正在创建一个弹出窗口，我想在弹出窗口window.How中显示Div的内容，复制背景window的内容并使其附加到弹出窗口.Since中。我想在弹出窗口.How中显示与后端面板相同的预览。
WHere，我的背景面板是
<div id="fb_contentarea_down21">
<div id="field1">
<input id="input1"></input>
</div>
<div id="field2
浏览 0提问于2009-08-03得票数 1
回答已采纳
代码如下：
<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
回答已采纳
6回答
我如何克隆一个元素并将其紧接着插入5次？这当然是基本语句：
$('.col').clone().insertAfter('.col');
这是我需要得到的：
<div class="col" id="original"> </div>
<div class="col"> </div>
<div class="col"> </div>
<div class="col"> </div>
<
浏览 3提问于2012-05-03得票数 11
回答已采纳
刚开始玩JQuery，有一个让我发疯的问题。我相信这是完全显而易见和简单的事情，但我没有能够解决它通过下面已经解决了类似的问题张贴.
我只是试图隐藏/显示一个基于选择的Radio值的部分。
我的Html：
<div class="Packages">
<div class="row">
<div class="col-sm-10 col-md-3">
<div class="thum
浏览 4提问于2015-05-16得票数 0
回答已采纳
5回答
因此，我为lightbox内容提供了以下div和脚本：
(请注意，lightbox插件只是“镜像”整个div，即使是id，所以看起来有两个div有一个相同的id)。
<div class="regular" id="my_id">
Lightbox content
</div>
::before
<div class="regular special_div" id="my_id"> //identical id as the first div
Lightbox content
浏览 2提问于2015-11-10得票数 0
回答已采纳
我正在克隆一个div，里面有on change事件。当我克隆div时，只有原始div中的脚本有效。
如何使脚本与克隆的脚本具有相同的id。
<div class="clone_div" style="margin-top: 16px;text-align: right">
<div class="card w-75">
<div class="card-header">
<h5 class="mb-0">
<button
浏览 15提问于2019-07-15得票数 0
回答已采纳
我正在看一个如何使用jqGrid的例子，它是一个jQuery插件。
它在div中绘制一个id为'list‘的网格。
它使用$('#list').jqGrid(...)创建网格。
但它使用$('#list')[0].addJSONData(...)填充网格。
我一直在网上寻找jQuery的教程，试图理解其中的不同之处，但我没有找到任何关于使用它的最基本的问题。
$()返回什么？它是否返回包含DOM元素的jquery对象？它是否返回包含DOM元素数组的jquery对象？它是否返回添加了其他jQuery函数的DOM元素？
那么，$()[0]是什么呢？如果$()
浏览 0提问于2010-12-04得票数 3
回答已采纳
我有一个具有相似的主div元素的页面，这些元素都包含相同的结构。主元素是可下垂的，具有图像的子元素是可拖放的。使用图像拖动子元素，并将其拖放到另一个主元素中，将拖动的图像与放置到的主元素中的图像结合起来。在主元素的末尾，有功能在焦点后面的输入字段，模糊事件和更改事件来检查/控制输入。
所以我可以把两个主要元素的图像组合起来，但是我也想把图像划分成两个主要元素。单击"image_divider"-div，我现在克隆具有所有功能的完整主元素(用deepWithEventsAndData克隆)，然后删除每个重复的主元素中不需要的图像。
都进行得很好(焦点、模糊和更改事件继续在克隆的输
浏览 2提问于2014-10-29得票数 0
回答已采纳
我有一个模拟的隐藏div，我编辑，克隆并显示给用户。在这个div中有一个输入，我使用jQuery设置了它的值属性(可能尝试了所有方法)。在生成新的div并将其显示给用户之后，输入不会触发任何类型的事件(焦点、焦点输出、更改)，HTML中的输入值也不会发生变化。我遗漏了什么或做错了什么？
编辑(代码)：HTML
<div class="item-wrapper" id="mock-item">
<div class="item-img"></div>
<div class="item-pri
浏览 12提问于2020-02-09得票数 1
回答已采纳
我正在使用一个插件，我不知道从哪里重复了相同的div。因此，我尝试删除重复的div
假设我有以下标记.....
<div id="main">
<div>
<div>
<div>
<p class="test">hi this is test</p>
</div>
<div>
<p class="test">hi this is test</p>
</div>
</div>
浏览 0提问于2013-10-08得票数 0
我试图在HTML模板中重用特定的SVG文件。为了让我的模板清晰易懂，SVG道具可以通过CSS进行配置，我正在使用“use”元素将SVG拉到外部。
Css技巧提供了一个关于如何使用元素的很好的教程：
我的困境是，我需要重用这个SVG在几个地方，并希望给每个组不同的属性，如颜色，笔画等。但是，在使用“use”时，我似乎无法创建任何类型的上下文，比如用“div”包装它，然后尝试基于该上下文对SVG进行样式化。
示例
<div class="Boxes-1">
<svg version="1.2" xmlns="http://www
浏览 3提问于2014-09-15得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
