Clone & Appendto - Не удается заставить его работать (JS Newb)

Question

Ничего себе. Оба из них работали отлично. Спасибо !!!

Еще один дополнительный вопрос. Скажем, у меня было 4 разных таб-контента с уникальными классами. И я хочу добавить класс Getit ко всем элементам Div с содержимым таба ...

Если я просто добавляю 'tabcontent', он добавляет его в конец всех div'ов 'tabcontent', и это здорово. НО, тогда у меня есть тот же контент, дублированный с GetIt ID. Как я могу сделать так, чтобы, если кто-то выбрал GetIt в моей навигации с вкладками, чтобы клон не появлялся, а появлялся во всех других классах содержимого вкладок?

Вот моя первоначальная проблема:

Во-первых, позвольте мне сказать, что я плохо знаю Javascript. Просто пытаюсь что-то собрать здесь.

Моя проблема заключается в следующем:

Я хочу взять один идентификатор Div, клонировать его и добавить к другому идентификатору Div без изменения какого-либо содержимого.

HTML выглядит так:

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

Я хочу скопировать / клонировать идентификатор 'Getit' и добавить его в конец идентификатора 'History'.

В настоящее время мой код Javascript выглядит следующим образом:

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

Я ценю любую помощь, которую вы можете предложить.

Спасибо!

Answer 1

. - селектор класса, # - селектор идентификатора.#tabcontent ищет элемент с уникальным идентификатором, .Getit вернет вам массив выбранных элементов класса, а не идентификатор выбранного элемента.

Попробуйте .tabcontent#Getit.Также то же самое относится к #History.Вы хотите сделать #Getit.tabcontent и #History.tabcontent или в обратном порядке (примечание, без пробела, который является селектором потомка), чтобы выбрать элемент с обоими.Обратите внимание, вы также захотите как-то иметь дело с атрибутом id клона.Например:

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

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

Answer 2

Ваш селектор '#tabcontent .Getit' ищет все .Getit элементы, которые являются дочерними от #tabcontent.Я не думаю, что это то, что вы хотите.

Это должно сделать это:

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

Вызов .clone() с параметром true заставляет его клонировать все прикрепленные данные и события, а также,Однако это необязательно.