0

哇。两者都工作得很好。谢谢！！！

还有一个后续问题。假设我有 4 个具有独特类的不同 Tabcontent div。我想将 Getit 类附加到所有 tabcontent div...

如果我只是 appendTo 'tabcontent' 它会将其添加到所有 'tabcontent' div 的底部，这很棒。但是，然后我有与 GetIt ID 重复的相同内容。我怎样才能做到这一点，如果有人在我的选项卡式导航中选择了 GetIt，克隆将不会出现，但它会出现在所有其他选项卡内容类中？

这是我原来的问题：

首先，让我说我不太了解 Javascript。只是想在这里拼凑一些东西。

我的问题是这样的：

我想获取一个 Div ID，克隆它并将其附加到另一个 Div ID 而不更改任何内容。

HTML 如下所示：

<div class="tabcontent" id="Getit"> Buy my widgets</div>
<div class="tabcontent" id="History"> History of my widgets</div>

我想复制/克隆“Getit”ID 并将其附加到“History”ID 的末尾。

目前，我的 Javascript 代码如下所示：

$('#tabcontent .Getit').clone().appendTo('#tabcontent .History');

感谢您提供的任何帮助。

谢谢！

4

2 回答 2

0

您的选择器会'#tabcontent .Getit'搜索所有.Getit来自 的子元素#tabcontent。我不认为那是你想要的。

这应该这样做：

$('#Getit').clone( true ).appendTo('#History');

.clone()使用参数调用true会导致它克隆所有附加的数据和事件。但是，这是可选的。

于 2011-11-13T23:55:11.773 回答
0

.是一个类选择器，#是一个 ID 选择器。#tabcontent正在寻找一个唯一的 ID 元素，.Getit会给你一个类选定元素的数组，而不是一个 id 选定元素。

试试.tabcontent#Getit。此外，对于#History. 您想要做#Getit.tabcontent和#History.tabcontent或反转（注意，没有空格，这是一个后代选择器）来选择一个同时具有两者的元素。

<div class="tabcontent" id="Getit"> Buy my widgets</div>
<div class="tabcontent" id="History"> History of my widgets</div>

$('.tabcontent#Getit').clone().appendTo('.tabcontent#History');

http://jsfiddle.net/qreQ5/

请注意，您还需要以id某种方式处理克隆的属性。例如：

$('.tabcontent#Getit').clone().attr('id','test').appendTo('.tabcontent#History');

http://jsfiddle.net/qreQ5/2/

于 2011-11-13T23:56:31.347 回答