Как обратиться к новому созданному DOM элементу в jquery?

Question

[Сергей]

Господа, напомните мне, как в jquery выбрать новый элемент созданный тем же jquery? какой там обработчик куда вешать, что гуглить? Раньше делал - забыл всё. Ну вот создал я div, его же в изначальном DOM нет, но его точно можно выбрать, а как? Или добавил класс новый, как теперь выбрать элемент с этим новым классом?

$('.checkprice').click(function(el){      
        $(this).addClass('checkcheck');
    });

    $( '.checkcheck' ).on( "click", function() {
       alert('yes');
    });

Где ошибка? Алерт не работает

Answer 1

[Сергей Протько]

var node = $('<div></div>'); // ссылка на элемент у вас уже имеется
target.append(node);

Comments

[Сергей]

а как быть с toggleClass? Обновил вопрос, добавив код, посмотрите, пожалуйста.

[Сергей Протько]

Сергей: Могу лишь предположить что .checkcheck создается после того как вы пытаетесь навесить ивенты...

Могу лишь порекомендовать все же почитать документацию по jQuery и JS. Так же имеет смысл ознакомиться с такой штукой как event bulbing и делегированные события. Ну и в целом DOM подучить.

[Сергей Протько]

Сергей: ну так и есть, когда вы навешиваете событие таких элементов еще нету.

[Sergey Romanov]

Сергей Протько: К стати должен заметить что $('<a>') заметно медленней $(document.createElement('a'))

[Сергей Протько]

Sergey Romanov: должен заметить что обычно там все чуть по сложнее чем создать один элемент, в любом случае все эти шаблоны должны кешироваться и затем вместо пересоздания клонироваться элементы.

Answer 2

[A K]

$('body').append('<div id="new">element</div>');
    $('#new').text('new element');

Comments

[Сергей Протько]

Ух... как-то это грустно

[Сергей]

а как быть с toggleClass? Обновил вопрос, добавив код, посмотрите, пожалуйста.

Answer 3

[axeld1975]

$('body').on('click','.class', function(){
// обращение к классу .class
});