Трудность выбора клика по классу с помощью jquery (для вставки html)

Question

Я борюсь с тем, что я думаю, было бы довольно простой функцией jquery. У меня есть текст с размахом вокруг него с классом "commentreply". Я пытаюсь создать функцию jquery, которая вставляет форму непосредственно под текст, который пользователи могут использовать для ответа на комментарий.

По какой-то причине я не могу на всю жизнь заставить jquery выбрать класс "commentreply", чтобы манипулировать DOM с помощью клика.

<script type="text/javascript">
$(document).ready(function(){
$(".commentreply").click(function(){
$(this).html( "the form code would go here" );
}

}
</script>

<span class="commentreply">Reply</span>

Имеет ли это смысл? Это кажется довольно простым, но я делаю небольшие изменения, пытаясь заставить эту штуковину работать примерно 3,5 часа.

Answer 1

Вам не хватает закрывающих скобок вокруг функций вашего обработчика событий (click и ready):

$(document).ready(function(){
    $(".commentreply").click(function(){
        $(this).html( "the form code would go here" );
    });
});

Обратите внимание на закрывающие скобки в последних 2 строках.Также обратите внимание, что я добавил точку с запятой в конце этих строк - она ​​будет работать без них, как вы, но всегда лучше включать их.Кроме этого, он должен работать нормально.

Answer 2

Это работает для меня:

$('#id a').live('click',function(){
  $(this).html( "the form code would go here" );
});