从表行中获取所有data-task-id

Question

我有这张桌子

Session.IsAvailable

我上面有一个表格，脚本如下

  <table id="tblTasks">
                <thead>
                <tr>
                    <th>Name</th>
                    <th>Due</th>
                    <th>Category</th>
                    <th>Action</th>
                </tr>
                </thead>
                <tbody>
                </tbody>
    </table>

基本上，它当前是如何工作的，当我点击删除按钮时，下面的代码将运行

<script id="taskRow" type="text/x-jQuery-tmpl">
    <tr>
        <td>${task}</td>
        <td>
            <time datetime="${requiredBy}">${requiredBy}</time>
        </td>
        </td>
        <td>${category}</td>
        <td>
            <nav>
                <a href="#" class="editRow" data-task-id="${id}">Edit</a>
                <a href="#" class="completed">Complete</a>
                <a href="#" class="deleteRow" data-task-id="${id}">Delete</a>
            </nav>
        </td>
    </tr>
</script>

taskId是来自storageEngine.delete('task', $(evt.target).data().taskId, .... 的值，我有另一个按钮删除所有任务。我试图循环遍历表格中的所有行并找到删除按钮，然后应用storageEngine.delete，但不知道如何。

我该怎么做？

Answer 1

试试这个：

var dataList = $(".deleteRow").map(function() {
 return $(this).data("task-id");
}).get();
console.log(dataList.join('|'));