在转发器形式jquery的div中添加图像

时间:2014-02-22 06:56:41

标签: javascript jquery html asp.net

我知道为什么这个问题是由于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")%>&nbsp;:&nbsp;&nbsp;
             <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的新手,我没有想法。任何答案都肯定是有目的的。

1 个答案:

答案 0 :(得分:3)

替换此jquery

     $(value).parent().find('#RatingMovie').prepend(img); 

取代

     img.appendTo('.RatingMovie');