问题标签 [jquery-clone]

我有一个 HTML 表格。实际上可以有许多这样的表存在不同的 ID。我正在使用 jQuery 单击按钮添加一个新的表格行。该表有六列。页面加载时出现的表格的第一行包含所有六列中的 HTML 元素。下一行在第一列中包含添加按钮和其他五个<td></td>当我单击此添加按钮时，我想添加一个新行，该行将仅包含第一个<td>带有它的 HTML 元素，其他五个<td></td>不应该显示。如何做到这一点？我的HTML如下：

我编写的追加新行的 jQuery 函数如下：

我能够在页面上存在的每个表中成功地附加新表行。没有问题。我想要解决的问题是其余的<td></td>不应显示在新添加的行中。由于这些空白<td></td>，表格对用户来说似乎是不完整的。那里应该只显示第一列。如何做到这一点？有人可以在这方面帮助我吗？我正在使用 jquery-1.9.1.min.js。
我的jsFiddle。

在 jsFiddle 中，表格边框不显示，但在我的工作实例中显示。我不想显示那些空白<td></td>s。

有人可以向我解释为什么，当我使用 jquery 克隆一个元素时.clone()，将其存储$(windows).data('myclone')并将此克隆的数据元素附加到另一个元素中，克隆的数据$(windows).data('myclone')会发生变化吗？（指向我在 html 检查器中新创建的元素）

这是在您的控制台中查看它的小提琴。第一个创建的元素只是克隆数据，然后当你附加它时，它会改变它 http://jsfiddle.net/50eu0bnp/

我对 jQuery 函数有疑问clone()。我认为问题出在withDataAndEvents这个方法的输入参数上。

最初，我正在编写一个具有动态行的表。单击仅放在第一行的按钮时，我正在动态添加行。第一行最初包含许多输入字段和组合框。每个字段都由 ajax 调用初始化。并且对字段的每个操作都会导致对一行的整个字段进行刷新（过滤）。我还在输入字段上使用自动完成功能。

第一行完美运行。但是，在克隆标签时：

1. 如果我没有在第一行输入值，则克隆的和第一行工作正常
2. 如果我在第一行字段中输入一个或多个值，并且在克隆 之后，只有第一行字段仍然有效。在这种情况下，如果我尝试更改组合框的值（它会为所有相关的行字段触发更改事件），尽管在更改自动完成数据时使用了 ID，但第一行的字段会受到影响。单击按钮克隆小部件时，会动态创建字段、组合框、表行的 ID。

我写的代码太长了，所以我创建了一个小提琴并简化了案例，但仍然有同样的问题。

我尝试了很多我发现的这样的建议，这个或这个是徒劳的:-( ( data.('autocomplete', null), autocomplete("destroy")...)

你对这个问题有什么想法吗？

提前致谢

我正在使用jQuery Clone复制元素

克隆的html：

输入字段

这是我的 JS 代码

问题：我可以使用 Clone 方法复制元素并且工作正常，但是当我搜索

它返回未定义

document.forms[0].elements["Veh_2_设备"].value

它返回预期的 o/p

以上问题只发生在 IE 中（我安装的 IE 版本是 11）

有没有人知道为什么我的父元素“Veh_1_Equipment”值变得未定义？

在下面的代码中，当用户单击“单击我” div 时，一个新的列表项被“克隆”，它按我期望的方式工作。

JSfiddle_1

HTML

JavaScript

但是，在下面的代码版本中，我将代码修改为没有后代选择器。在此版本中，当您单击“单击我” div 时，每次单击都会复合元素的数量，这告诉我正在发生关闭，但我不明白为什么在添加后代选择器时不会发生这种情况。任何澄清表示赞赏。谢谢

JSfiddle_2

HTML

JavaScript

如何将 div 文本更改为 Selectbox 选项选定的文本...

我有一个包含 100 多个值的选择框

场景： 一旦我从选择框中选择一个选项，相同的选项值（文本）必须被它具有ccy类<div class="ccy">blablabla</div>类的相关 div 文本替换......

例如：我有一个带有欧元、美元、日元、印度卢比等的选择框...如果我从选择框中选择欧元， 则应将具有 ccy 类的相关 div<div class='ccy'>currency 1</div><div class='ccy'>currency 2</div>更改为<div class='ccy'>EUR</div><div class='ccy'>EUR</div>等等...

小提琴

HTML

jQuery

我想从另一个 HTML 元素中克隆图像和文本，但它不起作用。我已经尝试过append()之前工作正常的函数，但是它从原始源元素中删除了内容。我认为问题在于存储在变量中的对象。

我有一个 html 模板，用于使用 Summernote 动态创建表单字段。一旦将克隆的模板添加到表单中，该工具似乎无法正常工作？任何人都可以建议我缺少什么以及是否有其他解决方法？

我的 JS 代码如下

html是：

完整代码和相应的输出如下：http: //jsbin.com/jogema/edit ?html,js,output

I am having an issue I am struggling to resolve. I have two tables

One table has 3 inputs, the other has 2. When the add button is pushed on either table, I am cloning the table row, which includes cloning a datepicker.

Things have been going fine but now I have a problem. The second table I end everything with 4 e.g. table4, template4, add4 and delete4. I then duplicated the Javascript from the preious table but added 4 to everything (I duplicated it because this table has different inputs). This resulted in the following code.

I have set up a working FIDDLE The problem is this. If you start adding a few rows in the first table, this all works fine. After this, add a few rows in the second table. This seems to work fine. However, now start deleting rows in the second table. For some reason it seems to also delete rows in the first table.

So my main question is why does this happen? Additionally, is there any way I can do this without duplicating the code? The second table does not use select2.

Thanks

我面临一个小问题。我有一个表格，我可以在其中添加和删除表格行。我通过基本上克隆模板行来做到这一点，例如

我有一个FIDDLE可以完美地展示它。

所以我认为一切都很好，但是我在 Laravel 中工作，一旦页面被保存，我就会显示一个编辑页面。编辑页面将表格预填充到它所在的位置。因此，如果我添加两行并保存，编辑页面将位于第三行。

我已经设置了第二个FIDDLE来尝试演示我的问题。如您所见，这一次如果您删除存在的行，您将无法再添加新行，因为它会要求您添加数据。即使您添加数据也会发生这种情况。

我试图弄清楚为什么会发生这种情况但没有快乐？我怎样才能让它在编辑页面上正常工作？

谢谢