2

グリッドビューの特定の行に影響を与えるにはどうすればよいですか

<asp:GridView ID="gvSearch" runat="server" DataKeyNames="guidId" >
        <Columns>
          <asp:TemplateField>
           <ItemTemplate>
            <div class="test1"> "test paragraph"
            <img src="../Images/double-arrow.png" 
                 style="margin-left: 741px;margin- top:39px;"            
                 class="PreviewImage" 
                 onclick="DisplayImg('<%# Eval("guidId") %>')"/>
           </div>
          </asp:TemplateField>
        </Columns>
 </asp:GridView>

Jqueryを使用して、divのonmouseoverのイベントで1つの画像のみを表示するにはどうすればよいですか?以下で試しましたが、すべての行の画像が表示されます。

 $('div.test1').mouseover(function () {

            $('.PreviewImage').show();
        })
4

1 に答える 1

2

あなたはこれを試すことができます。

$('div.test1').mouseover(function () {
     //Hide all images which are visible.
     $('.PreviewImage:visible').hide();
     //On Mouse Over find the Image and show.
     $(this).find('.PreviewImage').show();
})

または、jQueryバージョン>=1.6を使用している場合は試してみることができます

$('[Id$=gvSearch]').on('mouseover','div.test1',function () {
     //Hide all images which are visible.
     $('.PreviewImage:visible').hide();
     //On Mouse Over find the Image and show.
     $(this).find('.PreviewImage').show();
})
于 2012-09-24T11:16:16.793 に答える