0

わお。どちらも完璧に機能しました。ありがとうございました！！！

追加の質問をもう 1 つ。独自のクラスを持つ 4 つの異なる Tabcontent Div があるとします。そして、Getit クラスをすべてのタブコンテンツ Div に追加したい...

appendTo 'tabcontent' だけを追加すると、すべての 'tabcontent' div の一番下に追加されます。これは素晴らしいことです。しかし、同じコンテンツが GetIt ID と重複しています。誰かが私のタブ付きナビゲーションで GetIt を選択した場合、クローンは表示されませんが、他のすべてのタブコンテンツ クラスには表示されるようにするにはどうすればよいですか?

これが私の元の問題でした：

最初に言っておきますが、私は Javascript をあまり知りません。ここで何かをつなぎ合わせようとしているだけです。

私の問題はこれです：

1 つの 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両方で要素を選択するには、 and#History.tabcontentまたは reversed (子孫セレクターであることに注意してください) を実行します。

<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 に答える