c# - 如何使用 Jquery 在 Asp Grid 视图的项目模板中获取特定项目？

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 版本 >= 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();
})