Así que estoy haciendo un sistema de votación, básicamente un sistema de votación Thumbs Up & Thumbs Down. Estoy usando CakePHP y jQuery con MySQL pero quiero asegurarme de que el front-end es correcto y esta es la mejor manera de hacerlo.

Quiero que el usuario pueda cambiar su voto,¿Entonces utilizar jQuery es la mejor y más eficiente manera? Soy bastante novato con jQuery cuando se trata de manipulación de clases.

el campo ID será la identificación única de la foto por la que los usuarios votarán. Por supuesto, esto es solo una prueba y este no será el producto final en producción. Habrá varias fotos en la página y el usuario votará arriba o abajo para cada una de ellas.

Aquí está el código.

<?php
echo $javascript->link('jquery/jquery-1.4.2.min',false);
?>
<script type="text/javascript">
    $(document).ready(function() {
        $('.vote').click(function () {
            if ($(this).hasClass("current")) {
                alert("You have already voted for this option!");

                return;
            }
            var parentId = $(this).parent("div").attr("id");
            if ($(this).hasClass("up")) {
                //Do backend query and checking here
                alert("Voted Up!");
                $(this).toggleClass("current");
                if ($("#" + parentId + "-down").hasClass("current")) {
                    $("#" + parentId + "-down").toggleClass("current");
                }
            }
            else if($(this).hasClass("down")) {
                //Do backend query and checking here
                alert("Voted Down!");
                $(this).toggleClass("current");
                if ($("#" + parentId + "-up").hasClass("current")) {
                    $("#" + parentId + "-up").toggleClass("current");
                }
            }



        });
    });
</script>
<div id="1234">
    <a id="1234-up" class="vote up" >+</a> | <a id="1234-down" class="vote down" >-</a>
</div>