Question

我有一个ListView绑定到GenericList，并且每个Item都创建了这个tr和td的结构：

<tr>
   <td>Name</td>
   <td>Surname</td>
   <td>14/08/2009</td>
   <td><a href="#" class="trigger">Show</a></td>
</tr>
<tr>
   <td colspan="4">
      <div class="showPicture">
         <img src="" alt="" />
      </div>
   </td>
</tr>

我的问题是我想显示和隐藏包含图像的div，而不使用回发到服务器。我想要做的是获取被点击的链接，找到它的父td和父tr，导航到下一个tr并在其中找到div。

我已经提出了以下JavaScript来尝试获取正确的div并显示或隐藏它，但它给了我以下错误：“Microsoft JScript运行时错误：'父母（...）。父母（.. 。）。nextSibling.firstChild'为null或不是对象“

    <script type="text/javascript">
    $(function(){
        $("div.shareLink").hide();
        $("a.trigger").click(function(eventObject){
            $(this).parents('td').parents('tr').nextSibling.firstChild.firstChild.toggle(400);
            return false;
        });
    });
    </script>

我是JavaScript的新手，刚刚开始在ASP.NET中开发开发，因为我之前曾经开发过Windows应用程序，所以如果有人能够提醒我，那我就错了，我真的很感激。< / p>

提前致谢，托尼奥

Answer 1

试试这个：

$(this).parent().parent().next().find('div.showPicture').toggle();

在ListView中显示/隐藏Div

1 个答案: