Difficulty onclick selecting by class with jquery (in order to insert html)

Question

I'm struggling with what I would think would be a rather simple jquery function. I have text with a span around it with the class "commentreply". I'm trying to create a jquery feature that inserts a form directly under the text that users can use to reply to a comment.

For some reason I cannot for the life of me get jquery to select the "commentreply" class in order to manipulate the DOM via a click.

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

}
</script>

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

Does this make sense? It seems rather simple but I've been making small changes trying to get the darn thing to work for about 3.5 hours now.

James Allardice · Accepted Answer · 2011-07-03 15:18:13Z

3

You are missing the closing parentheses around your event handler (click and ready) functions:

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

Note the closing parentheses on the final 2 lines. Also notice that I have added a semi-colon at the end of those lines - it will work without them, as you have it, but it's always best to include them. Other than that, it should work fine.

answered Jul 3, 2011 at 15:18

James Allardice

166k22 gold badges335 silver badges316 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

user456814 Over a year ago

@bill Do you use Firebug or any other browser development tool? It can help you avoid these sorts of simple syntax errors.

billmalarky Over a year ago

Yes I do use firebug. But honestly, I haven't figured out how to use it for javascript. I've been working with php for about a year now but am just entering the world of javascript/jquery.

billmalarky Over a year ago

@James, Yes this was correct and the code is now working thank you.

Brandon · Accepted Answer · 2011-11-16 23:15:10Z

0

This works for me:

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

edited Nov 16, 2011 at 23:15

Brandon

70.3k32 gold badges201 silver badges227 bronze badges

answered Oct 20, 2011 at 4:26

Alice

212 bronze badges

Collectives™ on Stack Overflow

Difficulty onclick selecting by class with jquery (in order to insert html)

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related