Django template tag / jquery for- iteration?

Question

Just a small problem i can't get my head around right now:

I have a list of objects presented in a table. One of the objects values is a score. I can use a Django template tag to show this as a number but i want to use my jquery plug-in to show stars instead. Not sure how to iterate over this. I'm trying this:

{% for result in mylist %}

<td>{{ result.type }}</td>
<td>{{ result.description }}</td>
<td>{{ result.rating.votes }}</td>

<td><div class="raty" data-number="{{ result.rating.score }}"></div></td>

{% endfor %}

And further down i got this:

<script>
$('.raty').raty({ readOnly: true, score: $('.raty').attr('value') });
</script>

The problem is that it shows the same score for every object with the jquery..

EDIT: I got it to work with this:

<script>
$('.raty').each(function() {
  $(this).raty({ readOnly: true, score: $(this).attr('data-number') });
});
</script>

Answer 1

A div element does not have a value attribute. Try using a hidden input element. Something like this:

<table>
    {% for result in mylist %}
        <tr><td><input type='hidden' class='hidden_score' value='{{ result.rating.score }}'></input><div class="raty"></div></td></tr>
     {% endfor %}
</table>

And then in your script:

$.each($('.hidden_score'), function( index, value ) {
    var myval = $(this).val();
    $(this).parent().find( '.raty').raty({ readOnly:true, score:myval});
});

So, for each of elements having a class of hidden_score, you will get their value make a "raty" with the elemens belonging to the parent of each element (so they are siblings) with the correct score.