将无线电选择值更改为图像

Question

我有这个webapp，由客户提供产品评论 他们选择了一个无线电选项，他们给出了1到5个产品的星星， 我想要为每个值

选择一个图像替换值

收音机的输出只是一个名为“reviews-adh”的文本的文本

就像这样

<div clas="reviews-adh">
<table>
<tr>
<td>3
</td>
</tr>
</table>
</div>

我有这个jsfiddle，它取代了5的值，但是我需要让它替换1到5的值，对于我输入图像的url的任何图像，就像在jsfiddle示例中一样。

非常感谢您的帮助

Answer 1

根据我的理解，你想要这样的东西？ jsfiddle

$('div.reviews-adh').each(function() {
    var starNumber = Number($(this).text())+1,
        images = '';
    for (i = 1; i < starNumber; i++) { 
       images += '<img src="http://dummyimage.com/50x50/58c736/ffffff.png&text='+i+'">';
    }

    $(this).html(images);
});