現在、購入したテーマには星評価システムが設定されています。私が思いついたことから、JQuery 関数は、以下のコードで制御されるように、クリックされた星の ID に基づいて評価を計算します。
<div class="rating-send-form">
<div class="rating-ipnuts">
<div class="rating-details">
<button class="send-rating"><?php _e('Post Wait Time','ait'); ?></button>
<div class="rating clearfix" data-rating-id="<?php echo $i; ?>" data-rated-value="0">
<div class="stars clearfix">
<?php for($j = 1; $j <= $starsCount; $j++) { ?>
<div class="star" data-star-id="<?php echo $j; ?>"></div>
<?php } ?>
</div>
</div>
クリックされた data-star-id は、以下のように評価を計算するために送信されます。
// rating
$(document).on("click", "#ait-rating-system .rating-send-form .star", function(event) {
var rating = $(this).parent().parent();
var ratingId = rating.data('rating-id');
var id = parseInt($(this).data('star-id'));
$(this).parent().find('> div').slice(0,id).css("background","url('"+themeUrl+"/design/img/rating_star_active.png') no-repeat 0 0");
rating.data('rated-value',id).addClass('already');
});
私がやりたいのは、星をクリックする代わりに単純なテキスト入力フィールドを使用することです。この関数にテキスト値を送信して、現在送信されている data-star-id を置き換えるにはどうすればよいですか?