Как однократно добавить элемент в динамический блок при клике?

Question

[Octoberfest]

Здравствуйте. Столкнулся с проблемой, никак не могу её решить. Имеется такая структура (общий вид):

<div class="oneclass">
<span class="book"> мой блок </span>
</div>

При нажатии на div "oneclass" (распространяется не на все элементы div "oneclass") происходит удаление всех внутренностей DIV и добавление класса, т.е. после нажатия:

<div class="oneclass newclass">
Пусто
</div>

Что я не могу сделать. Мне нужно при нажатии на DIV отследить появление нового класса и добавить туда мой SPAN заново. Как конкретно это можно сделать? я пробовал и .on (но похоже не так применял) и mouseenter. Помогите пожалуйста.

P.S. т.е. я нажал на элемент, он опустошается и добавляется к нему новый класс, мне нужно отследить наличие этого нового класса и добавить блок в него. Всё это при 1 клике.

Comments

[OVK2015]

Т.е. к внешнему div по какому-то стороннему событию другой код добавляет еще один класс? А вы хотите этот момент отследить?

Answer 1

[GeekFromUa]

Здравствуйте! Попытаюсь помочь, набросал https://jsfiddle.net/3w3weqtu/ что еще не хватает?

Comments

[Octoberfest]

Возможно вы не так поняли вопрос
До клика

<div class="oneclass">
<span class="book"> мой блок </span>
</div>

После клика Span удаляется, проверяется наличие twoclass и добавляется некий спан, результат:

<div class="oneclass twoclass">
<span class="book"> мой блок </span>
</div>

[GeekFromUa]

Octoberfest: некий спан результат откуда берется?

[GeekFromUa]

Octoberfest: зачем проверять на класс если он после клика полюбому добавится

[Octoberfest]

GeekFromUa: он добавляется при нажатии некой области Div, поэтому нужно проверить его наличие. Span заранее готов вообще, вставляется .prepend`ом...

[GeekFromUa]

Octoberfest: извините, попобуйте как то по другому описать, не совсем понятно. Класс имеет статическое название? Если нету там этого класса что делать

[Octoberfest]

GeekFromUa: Вот вы нажали на определенную область класса oneclass, к нему добавляется ещё один класс и получается div class="oneclass twoclass". При этом удаляется всё содержимое DIV. Мне нужно добавить в этот DIV элемент заранее мне известный (prepend/append) но я не могу отследить появление этого класса, чтобы понять когда добавлять

[GeekFromUa]

Octoberfest: а почему просто не написать в функцию клика добавления prepend/append?

[Octoberfest]

Потому что элемент появляется только при клике на уже измененный блок. Т.е. 1 раз нажал для трансформации блока, а при втором нажатии срабатывает добавление.

[GeekFromUa]

ок, а почему такое условие не подходит ?
if($(this).hasClass('newclass')) {
ваш код
}

[Octoberfest]

GeekFromUa: .hasClass('newclass') не обнаруживается (который добавился). В этом то и проблема.

[Octoberfest]

GeekFromUa: Где?

[GeekFromUa]

Octoberfest: https://jsfiddle.net/3w3weqtu/1/

[Octoberfest]

GeekFromUa: Нет, не помогает в моем случае :(

[GeekFromUa]

Octoberfest: покажите тут https://jsfiddle.net/ что не получается

[Octoberfest]

GeekFromUa: Я к сожалению там не смогу полностью внедрить весь код. Напишите в вк пожалуйста, я готов отблагодарить

[Octoberfest]

GeekFromUa: https://vk.com/reneisanse

[Arthur A.]

GeekFromUa: возможны вы будете благосклонны и мне сможете помочь Как реализовать Iframe заход один раз в три часа, при посещение любой веб-страницы?