Javascript 使用jquery从数字中获取星级

在这里，我有代码将数字（评级）转换为星星

我创建了一个JSFIDLE：

//模拟假定的“place”变量
var place={名称：“詹姆斯·库克大校长酒店”，评级：“3.6”，
照片：[{getUrl:function（）{return”https://lh6.googleusercontent.com/-T0_fJX5zza0/UdSnOaucZvI/AAAAAAAAAFc/gQhK3IbHJfY/w50-h50-s0/Small%2BLogo.png" } }]
}
var photo=place.photos[0].getUrl({
“最大宽度”：50，
“最大高度”：50
});
var elemenatDiv=$（''）.addClass（'elemenat'）；
var draggableDiv=$（''）.addClass（'draggableDiv'）；
var logo=$（''）.addClass（'side_click'）.attr（'href'，'#'）
.文本（place.name+place.rating）；
var elementnameDiv=$（''）.addClass（'elementname'）；
var star=$（'#star'）.raty（{score:place.rating}）；
elemenatDiv.append（draggableDiv.append（logo））；
elemenatDiv.append（elementnameDiv.append（侧击）.append（星形））；
$（“#侧栏”）.append（elemenatDiv）；
$（侧击）。在（“单击”上，函数（）{
markers[i].modalWindow_u2;.getDetails（markers[i].place_2;）；
});

我首先使用：

var-star=$（'#star'）.raty（{score:place.rating}）

然后是append

elemenatDiv.append（elementnameDiv.append（sideClick）.append（star））；

但是当呈现html代码时，星级不会显示吗

---

我尝试了不同的解决方案，但我不知道错误在哪里？

这一行就是问题所在：

var star = $('#star').raty({ score: place.rating });

您正试图按ID（

#star

）选择DOM元素，但DOM中没有元素

---

您需要向DOM中注入一个ID为

star

的DIV。

我还添加了：var star=$（'#star'）.raty（{score:place.rating，path:''}）；但是您可能不知道为什么我可以在google maps api代码中使用此代码吗？

var star = $('#star').raty({ score: place.rating });