javascript - 从表行中获取所有数据任务 ID

Question

我有这张 table

  <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>

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

storageEngine.delete('task', $(evt.target).data().taskId, ....

taskId 是 data-task-id="${id}" 的值 现在，我有另一个按钮可以删除所有任务。我试图循环浏览表中的所有行并找到“删除”按钮，然后应用 storageEngine.delete 但不知道如何操作。

我该怎么做？

Answer 1

试试这个:

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