숫자를 별 등급(평점)으로 변환하는 jQuery

숫자를 별 평점으로 변환하는 jQuery 스크립트 예제입니다.

$.fn.generateStars = function() {
return this.each(function(i,e){$(e).html($('<span/>').width($(e).text()*16));});
};

// 숫자 평점을 별로 변환하도록 호출하는 함수
$('.star-prototype').generateStars();
//Source: http://htmlexplorer.com/2014/05/display-star-ratings-using-jquery-and.html

jQuery for converting a number to star rating

참고로 이 글에서는 워드프레스에서 사용자 정의 필드(Custom Field)로 숫자를 받아서 별 등급(평점)으로 변환하는 PHP 코드가 소개되어 있습니다.

일부 글에 제휴 링크가 포함될 수 있으며 파트너스 활동으로 일정액의 수수료를 받을 수 있습니다.

2개 댓글

    1. 구글 검색 결과에 별이 표시되도록 하고 싶으신건가요?

      예를 들어, https://www.screencast.com/t/4JKxR2ZF 스크린샷처럼 구글 검색 결과 시 별 평점이 표시되도록 하려면 SEO 플러그인을 사용하시면 됩니다.

      https://www.thewordcracker.com/basic/%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4-%EC%82%AC%EC%9D%B4%ED%8A%B8%EC%97%90-%EA%B5%AC%EC%A1%B0%ED%99%94%EB%90%9C-%EB%8D%B0%EC%9D%B4%ED%84%B0-%EC%B6%94%EA%B0%80/

댓글 남기기

* 이메일 정보는 공개되지 않습니다.