Question

我的jsp中有一个表格，显示文件列表

<table id="files">
    <c:forEach items="${files}" var="file">
        <tr>
            <td><c:out value="${file}" /></td>
            <td><a class="processLink" href="#"> Process </a></td>
            <td><a class="deleteLink" href="#"> Delete </a></td>
        </tr>
    </c:forEach>
</table>

当用户点击＆＃34;删除＆＃34;在任一表格行上的链接，我想发起一个动作，并将该行${file}值的值作为参数发送给函数deleteFile()。而不是在锚本身上设置onclick属性并调用函数，我如何使用像jquery这样的js框架来获取${file}的值？最好不要遍历DOM？

$('.deleteLink').click(function(){ deleteFile(file)});

或YUI

Y.all('.deleteLink').on(
    'click',
    function(file){
    //delete file

Answer 1

<table id="files">
<c:forEach items="${files}" var="file">
    <tr>
        <td><c:out value="${file}" /></td>
        <td><a class="processLink" href="#" data-id="${file}"> Process </a></td>
        <td><a class="deleteLink" href="#" data-id="${file}"> Delete </a></td>
    </tr>
</c:forEach>

$（＆＃39; .deleteLink＆＃39;）。click（function（）{deleteFile（）}）;

function deleteFile（e）{if（e）{e.preventDefault（）;
  e.preventProgation（）; }

var f = $（this）.attr（＆＃39; data-id＆＃39;）;

}

Answer 2

<table id="files">
<c:forEach items="${files}" var="file">
    <tr>
        <td><c:out value="${file}" /></td>
        <td><a class="processLink" href="#" data-id="${file}"> Process </a></td>
        <td><a class="deleteLink" href="#" data-id="${file}"> Delete </a></td>
    </tr>
</c:forEach>

基于表行检索JSP值

2 个答案: