如何在jQuery模板中使用If else条件进行跨度？

Question

Working on mvc4 web api project with jquery template. Depending upon database value I want to show the stars span class on View.

<div>
<span class="font-icon-star"></span>
<span class="font-icon-star"></span>
<span class="font-icon-star"></span>
<span class="font-icon-star"></span>
<span class="font-icon-star-line"></span>
</div>${Rating}

{{If Rating = 4 }}
then it should show 4 full stars and 1 empty star

How can i make this dymanic depending upon $Rating value?

Answer 1

Try,

$('span').addClass('font-icon-star-line');

$('span').filter(function(){ 
   return $(this).index() <= rating; 
}).removeClass('font-icon-star-line').addClass('font-icon-star');

Answer 2

<div>
   ${Rating}
   <span class="${Rating > 0 ? 'font-icon-star' : 'font-icon-star-line'}"></span>
   <span class="${Rating > 1 ? 'font-icon-star' : 'font-icon-star-line'}"></span>
   <span class="${Rating > 2 ? 'font-icon-star' : 'font-icon-star-line'}"></span>
   <span class="${Rating > 3 ? 'font-icon-star' : 'font-icon-star-line'}"></span>
   <span class="${Rating > 4 ? 'font-icon-star' : 'font-icon-star-line'}"></span>
</div>

Answer 3

I'd suggest:

$('span.ratingpointgrppage').addClass(function(i){
    return 'font-icon-star' + (Rating > i ? '-line' : '');
});

The above assumes you want to keep the original class-name ( ratingpointgrppage ) if not, however:

$('span.ratingpointgrppage').removeClass('ratingpointgrppage').addClass(function(i){
    return 'font-icon-star' + (Rating > i ? '-line' : '');
});

References:

• addClass() .
• removeClass() .