php - 如何创建一个 css 类的多个实例？

Question

我必须创建同一个 css 类的多个实例来运行这个显示用户评论和评级的代码块。(在评级中，我根据评论的评级设置点亮星星的宽度)所以我必须创建尽可能多的实例css 类，因为有评论。

<script>
var wid=<?=$comment->rating?>*20; //20 is the width of 1-star, comment->rating 
                                      //gives me rating of that particular comment.   
jQuery(function($){
$(".rating-star").css('width',wid);  //setting width according to calculated wid.
});
</script>

由于只有一个评级星级，所有评论都获得相同的星级。如何创建与评论一样多的评级星级类实例？提前致谢!很棒的社区!

Answer 1

另一种方法是使用数据属性并在其中回显评级。

工作 DEMO on jsFiddle .

因此，示例 HTML 元素看起来像这样:

<li>
    <p>item one</p>
    <span class="rating-star" data-rating="1"></span>
</li>

还有你的 JS 函数:

(function () {

    // cache the selector
    $ratings = $('.rating-star');

    // run foreach on selector
    $ratings.each(function (index) {

        // variables
        var el = $(this),
            rating = el.data('rating'),
            width = rating * 20;

        // apply width
        el.css('width', width + "px");

    });

})();

并且您的 CSS 可以使用带有背景重复的星形图像。