我知道为什么这个问题是由于 class 我尝试访问 div 的 ID 但无法获得所需的输出。我有一个中继器 MovieRating 并且在 MovieRating 的数据源中我有:
SourceName Rating
abc 3.5
xyz 2
mno 4
我的html如下
<asp:Repeater ID="MovieRatingRepeater" runat="server" OnItemDataBound="MovieRatingRepeater_ItemDataBound">
<ItemTemplate>
<div>
<%#DataBinder.Eval(Container, "DataItem.SourceName")%> :
<div class="RatingMovie">
</div>
<br />
<span id="MovieRating_<%#DataBinder.Eval(Container, "DataItem.SourceName")%>">
<%#DataBinder.Eval(Container, "DataItem.Rating")%>
</span>
/div>
</ItemTemplate>
</asp:Repeater>
我像这样从jquery附加img标签
function pageLoad(sender, args) {
$("[id*=MovieRating_]").each(function (index, value) {
if ($(value).text() > 4.5 && $(value).text() <= 5.0) {
var img = $('<img id=‘dynamic’>');
img.attr('src', 'images/FilledStar.gif');
img.appendTo('.RatingMovie');
var img = $('<img id=‘dynamic’>');
img.attr('src', 'images/FilledStar.gif');
img.appendTo('.RatingMovie');
var img = $('<img id=‘dynamic’>');
img.attr('src', 'images/FilledStar.gif');
img.appendTo('.RatingMovie');
var img = $('<img id=‘dynamic’>');
img.attr('src', 'images/FilledStar.gif');
img.appendTo('.RatingMovie');
var img = $('<img id=‘dynamic’>');
img.attr('src', 'images/FilledStar.gif');
img.appendTo('.RatingMovie');
}
if ($(value).text() > 3.5 && $(value).text() <= 4.5) {
var img = $('<img id=‘dynamic’>');
img.attr('src', 'images/FilledStar.gif');
img.appendTo('.RatingMovie');
var img = $('<img id=‘dynamic’>');
img.attr('src', 'images/FilledStar.gif');
img.appendTo('.RatingMovie');
var img = $('<img id=‘dynamic’>');
img.attr('src', 'images/FilledStar.gif');
img.appendTo('.RatingMovie');
var img = $('<img id=‘dynamic’>');
img.attr('src', 'images/FilledStar.gif');
img.appendTo('.RatingMovie');
var img = $('<img id=‘dynamic’>');
img.attr('src', 'images/Star.gif');
img.appendTo('.RatingMovie');
}
if ($(value).text() > 2.5 && $(value).text() <= 3.5) {
var img = $('<img id=‘dynamic’>');
img.attr('src', 'images/FilledStar.gif');
img.appendTo('.RatingMovie');
var img = $('<img id=‘dynamic’>');
img.attr('src', 'images/FilledStar.gif');
img.appendTo('.RatingMovie');
var img = $('<img id=‘dynamic’>');
img.attr('src', 'images/FilledStar.gif');
img.appendTo('.RatingMovie');
var img = $('<img id=‘dynamic’>');
img.attr('src', 'images/Star.gif');
img.appendTo('.RatingMovie');
var img = $('<img id=‘dynamic’>');
img.attr('src', 'images/Star.gif');
img.appendTo('.RatingMovie');
}
if ($(value).text() > 1.5 && $(value).text() <= 2.5) {
var img = $('<img id=‘dynamic’>');
img.attr('src', 'images/FilledStar.gif');
img.appendTo('.RatingMovie');
var img = $('<img id=‘dynamic’>');
img.attr('src', 'images/FilledStar.gif');
img.appendTo('.RatingMovie');
var img = $('<img id=‘dynamic’>');
img.attr('src', 'images/Star.gif');
img.appendTo('.RatingMovie');
var img = $('<img id=‘dynamic’>');
img.attr('src', 'images/Star.gif');
img.appendTo('.RatingMovie');
var img = $('<img id=‘dynamic’>');
img.attr('src', 'images/Star.gif');
img.appendTo('.RatingMovie');
}
if ($(value).text() > 0 && $(value).text() <= 1.5) {
var img = $('<img id=‘dynamic’>');
img.attr('src', 'images/FilledStar.gif');
img.appendTo('.RatingMovie');
var img = $('<img id=‘dynamic’>');
img.attr('src', 'images/Star.gif');
img.appendTo('.RatingMovie');
var img = $('<img id=‘dynamic’>');
img.attr('src', 'images/Star.gif');
img.appendTo('.RatingMovie');
var img = $('<img id=‘dynamic’>');
img.attr('src', 'images/Star.gif');
img.appendTo('.RatingMovie');
var img = $('<img id=‘dynamic’>');
img.attr('src', 'images/Star.gif');
img.appendTo('.RatingMovie');
}
if ($(value).text() == 0.0) {
var img = $('<img id=‘dynamic’>');
img.attr('src', 'images/Star.gif');
img.appendTo('.RatingMovie');
var img = $('<img id=‘dynamic’>');
img.attr('src', 'images/Star.gif');
img.appendTo('.RatingMovie');
var img = $('<img id=‘dynamic’>');
img.attr('src', 'images/Star.gif');
img.appendTo('.RatingMovie');
var img = $('<img id=‘dynamic’>');
img.attr('src', 'images/Star.gif');
img.appendTo('.RatingMovie');
var img = $('<img id=‘dynamic’>');
img.attr('src', 'images/Star.gif');
img.appendTo('.RatingMovie');
}
});
}
现在，在类获取 abc,mno,xyz 的所有字段中的所有星星的情况下，在 ID 的情况下，我得到的所有星星都附加在一个位置，这意味着第一个位置。我是 jquery/javascript 新手，我不知道该怎么做。任何答案都值得赞赏。
最佳答案
替换这个jquery
$(value).parent().find('#RatingMovie').prepend(img);
代替
img.appendTo('.RatingMovie');
关于javascript - 在 jquery 中继器的 div 中附加图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21950962/