Question

I am using jQuery star rating control found at http://www.fyneworks.com/jquery/star-rating/#tab-Overview . I am using 5 stars, each star having a particular value from 1 to 5. The control is getting displayed and behaving properly. However, I have a requirement of getting the value of the star clicked, immediately after a star is clicked. I do not know how to do it.

I appreciate your help.

Answer 1

After analyzing the structure of the markup generated by the rating control, I added the following code in the document ready function.

    $('div.star').live('click', function() {
        var value = $('a', this).html().trim();


        var ratingName = $(this).parent().next('input[type="radio"]').attr('name');

        alert('rating for ' + ratingName ' is ' + value);
    });

This is working fine, but is very indirect. I don’t know more direct solution.