Question

如何在网格视图的特定行上生效

<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事件中只显示一个图像，我在下面尝试但是它显示了所有行的图像。

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

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

Answer 1

你可以试试这个。

$('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版本＆gt; = 1.6

，您可以尝试on

$('[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();
})

如何使用Jquery获取Asp Grid视图的Item模板中的特定项？

1 个答案: