小编Mac*_*int的帖子

我在使用jQuery时遇到了一些麻烦.

我正在创建一个简单的CMS,在界面中我有一个页面列表,每个列表项都是一个编辑链接.我让jQuery用该编辑ID监听点击.然后,它将查看父LI以查看它具有的id,以便用户可以将更改保存到数据库中的右侧pageId.

我的列表

<ul id="sortable" class="ui-sortable">
    <li class="sortable" id="listItem_1">
        <a href="#" id="edit">edit</a>
        <span id="title">List item 1</span>
    </li>

    <li class="sortable" id="listItem_2">
        <a href="#" id="edit">edit</a>
        <span id="title">List item 2</span>
    </li>

    etc..
</ul>

和javascript

<script type="text/javascript">
$(document).ready(function() {
    $('a#edit').click(function(){
        alert($(this).parent("li").attr("id"));
    })
});

但只有第一个编辑链接有效.所有其他人都被忽略了.您可以在此处查看问题,http://info.radio-onair.ath.cx/active/scms/admin/pages/test.html

提前致谢.