js 点击事件 出错了 求解答

Question

 超链接<td><a href="javascript:del_sure()" class="delete" id="${param.pageNo },${item.book.id }">删除</a></td>

方法：

 function del_sure() {

        flag = confirm("确定要删除信息吗 ?");
         if (flag) {
        strArr = $(".delete").attr("id");
        str = strArr.split(",");
        alert(strArr);
            var href = "bookServlet?method=remove&pageNo=" + str[0] + "&id="
                    + str[1] ;
            window.location.href = href;
        } 
        return;
    }

问题：得出页面是   
    item1  删除（暂记为a）
    item2  删除（暂记为b）

    我点击 a -->弹出confirm 框 -->点击取消 不进行删除操作 -->点击 b-->弹出confirm 框 -->点击确认 进行删除操作       ：但是删除的是item1  请问这是怎么回事？
    ps：我是根据id删除的   就是说 无论是否取消， 他得到的id是我第一次点击的那个id  到底是哪里错了  strArr = $(".delete").attr("id");这个话不就是我点哪个就是获取当前的值吗  为什么总是先获取先点击的那个item的id

Answer 1

$(".delete").attr("id");得到的是第一个链接的值。。要获取对应的内容，要用dom关系来获取

 <td><a href="javascript:void(0)" onclick="del_sure(this)" class="delete" id="${param.pageNo },${item.book.id }">删除</a></td>



 function del_sure(a) {

        flag = confirm("确定要删除信息吗 ?");
         if (flag) {
        strArr = $(a).attr("id");////
        str = strArr.split(",");
        alert(strArr);
            var href = "bookServlet?method=remove&pageNo=" + str[0] + "&id="
                    + str[1] ;
            window.location.href = href;
        }
        return;
    }