Question

I am trying to create a bit of jquery code to update an element but im having a problem. It wont update and I think its because of the element id?

Here is my JS Code:

<script type="text/javascript">
    $(document).ready(function()
    {
        $("#vote_button_" + $(this).attr('id')).click(function()
        { 
            $("div#vote_count").show().html('<h2>voting, please wait...</h2>');
        });
    });
</script>

And this is the HTML Code:

<div class="vote_container"> 
    <div class="vote_button" id="vote_button_31"><img src="/images/picture_31.png"></div> 
    <div class="vote_count" id="vote_count">0</div> 
</div> 

Answer 1

You’re telling it to use the ID of the document (I think).

You can surely just do:

    $("#vote_button_31").click(function()
    { 
        $("#vote_count").show().html('<h2>voting, please wait...</h2>');
    });

If you want the code to work on all vote buttons try this:

    $(".vote_button").click(function()
    { 
        $(this).siblings('.vote_count').show().html('<h2>voting, please wait...</h2>');
    });