日期:2014-05-17  浏览次数:20779 次

C# ASP.NET编程
我在网站用加入了一个DataList用来显示数据库中的内容

在ItemTemplate中添加了一个Button,我想要的功能是单击这个button时,使当前这个Item的隐藏的Div出现(用jQuery实现的)。但是我实现的效果是当点击这个button时,所有Item的隐藏Div都出现了。。。

求助:如何获取当前Item的索引并传给Javascript

<%@ Page Title="" Language="C#" MasterPageFile="~/VOW.master" AutoEventWireup="true" CodeFile="Comunicate.aspx.cs" Inherits="Comunicate" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <link href="Style/MyStyle.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script language="javascript" type="text/javascript">//这是实现是隐藏Div出现的js
        $(document).ready(function () {
            $(".moreButton").click(function () {
                 var x = $(".ResponseContent");
                 $(x).slideToggle("slow");
            });
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <div>
        <asp:DataList ID="DataList1" runat="server" DataSourceID="SqlDataSource1" 
            onselectedindexchanged="Page_Load" Width="546px">
            <ItemTemplate>
                <div id="PostTitle">
                    <asp:Label ID="PostTitleLabel" runat="server" Text='<%# Eval("PostTitle") %>' />
                </div>
                <div id="PostContent">
                    <asp:Label ID="PostImageLabel" runat="server" Text='<%# Eval("PostImage") %>' />
                    <asp:Label ID="PostContentLabel" runat="server" 
                        Text='<%# Eval("PostContent") %>' />
                    <br />
                    <div id="PostMore" style="float:right" runat="server">