<div id="list">

        <p id="1">

            <a href="/uc/book_mybookshelf.aspx?id=1">文章一</a>

            <a class="edit" href="javascript:void()">编辑</a>

        </p>

<p id="2">

            <a href="/uc/book_mybookshelf.aspx?id=2">文章二</a>

            <a class="edit" href="javascript:void()">编辑</a>

        </p>

<p id="3">

            <a href="/uc/book_mybookshelf.aspx?id=3">文章三</a>

            <a class="edit" href="javascript:void()">编辑</a>

        </p>

<p id="4">

            <a href="/uc/book_mybookshelf.aspx?id=4">文章四</a>

            <a class="edit" href="javascript:void()">编辑</a>

        </p>

<p id="5">

            <a href="/uc/book_mybookshelf.aspx?id=5">文章五</a>

            <a class="edit" href="javascript:void()">编辑</a>

        </p>

</div>

$(function () {

            $(".edit").click(function () {

                //文章的id,要传到后台ashx中使用

                var tid = $(this).parent("p").attr("id");

                //显示隐藏层

                $("#editform").show();

                $("#editform").css("background", "green");

                //取当前行的文章名

                var oldname = $(this).parent("p").children("a").html();

                //赋值给隐藏层的oldname

                $("#oldname").html(oldname);

                //隐藏层的点击事件

                $("#btnEdit").click(function () {

                    var newname = $("#txtNewname").val();