如何在语义-ui中传递与评级相关的对象？

Question

目前我对我所有对象的星级评分：

<div class="ui star rating" data-rating="0" data-max-rating="5"></div>

在我的 js 文件中

$('.ui.rating')
.rating('setting', 'onRate', function(value) {  
});

我可以检索新星级的值。在函数代码中，我想重定向到一个 link，它将保存这个评级，例如

window.location.href = '/update/item/{id}/value/{value};

我如何获得星级评分所依据的item.id？

Answer 1

我建议您在使用 data- 属性（例如 data-id）呈现时将 id 值绑定到评级，然后可以在选择新评级时访问该值.

$('.ui.rating').rating('setting', 'onRate', function(value) {
  var url = '/update/item/' + $(this).data('id') + '/value/' + value;
  $('#href').text(url);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.css" rel="stylesheet" />

101: <div class="ui star rating" data-id="101" data-rating="0" data-max-rating="5"></div><br />
102: <div class="ui star rating" data-id="102" data-rating="0" data-max-rating="5"></div><br />
window.location.href = "<span id="href"></span>";