Javascript 如何使用for循环jquery将相应的值附加到相应的dom元素

Javascript 如何使用for循环jquery将相应的值附加到相应的dom元素,javascript,jquery,Javascript,Jquery,我尝试循环评级,它将所有值显示到同一个dom元素。如何将其附加到相应的dom元素中 这就是我们所尝试的: HTML: JS: var ratingValue=“”,四舍五入=“”; var ratingCon=$('评级'); 对于(VarI=0;i0)&((额定值-j”; } } 问题在于您的第二个循环调用$(“.rating”),尽管选择所有带有类名rating的元素最终只是在追加时使用第一个.rating元素。如果将$(“.rating”)更改为$(ratingCon[i])这一切都

我尝试循环评级,它将所有值显示到同一个dom元素。如何将其附加到相应的dom元素中

这就是我们所尝试的:

HTML:


JS:

var ratingValue=“”,四舍五入=“”;
var ratingCon=$('评级');
对于(VarI=0;i0)&((额定值-j<1))?“fa-star-half-o”:“fa-star-o”)+““aria hidden=”true“>”;
}
}

问题在于您的第二个
循环调用
$(“.rating”)
,尽管选择所有带有类名
rating
的元素最终只是在追加时使用第一个
.rating
元素。如果将
$(“.rating”)
更改为
$(ratingCon[i])
这一切都会成功。更新的fiddle:。

问题在你的第二个
循环调用
$(“.rating”)
中,尽管用className
rating
选择所有元素最终只是在附加时使用第一个
.rating
元素。如果你将
$(“.rating”)
更改为
$(ratingCon[i])
一切正常。更新的fiddle:。

@M-S是的!如果这是正确答案,您介意将其标记为正确答案吗?谢谢!@M-S是的!如果这是正确答案,您介意将其标记为正确答案吗?谢谢!
<div class="rating" data-id="0"></div>
<div class="rating" data-id="2.5"></div>
<div class="rating" data-id="1.5"></div>
<div class="rating" data-id="3"></div>
<div class="rating" data-id="4.678"></div>
var ratingValue = "", rounded = "";
var ratingCon = $('.rating');
for(var i=0; i<ratingCon.length; i++){
    ratingValue = $(ratingCon[i]).data("id"), rounded = (ratingValue | 0);
  for (var j = 0; j < 5 ; j++) {
  $(".rating").append('<i class="fa '+ ((j < rounded) ? "fa-star" : ((((ratingValue - j) > 0) && ((ratingValue - j) < 1)) ? "fa-star-half-o" : "fa-star-o")) +'" aria-hidden="true"></i>');
}
}