html删除提示，无法获取对象

Question

公司让做一个简单的增删改查页面，因为架构没有前端，也仅仅要一个页面出来，我就网上找了一个简单的html+jq的页面，使用thymeleaf模板，现在是点击删除直接删除数据，没有提示，会误操作（原删除1，我写的删除2，但是不管怎么改都获取不到对象。。）

<table border="1">
    <tr>
        <td>名字</td>
        <td>价格</td>
        <td>单价</td>
        <td>操作</td>
    </tr>
    <tr th:each="info:${page}">
        <td th:text="${info.type}">名字</td>
        <td th:text="${info.price}">价格</td>
        <td th:text="${info.dates}">天数</td>
        <td>
            <a href="javascript: void(0) " th:href="@{/delete/}+${info.id}" >删除1</a>
            <a href="javascript: void(0) " th:onclick="confirmDel(${page})" >删除2</a>
            <a href="javascript:void (0)" th:href="@{/gotoEdit(id=${info.id})}">修改</a>
        </td>
    </tr>
</table>

我想的是获取品类和id，品类用于删除提示，id用于后台删除，删除2的传值怎么也获取不到confirmDel(${page})，我是个后端开发人员，对于前端全靠搜索，网上也不知道怎么查找，有哪位懂的指点一下我，谢谢你。

Answer 1

终于解决了，这里面还隐藏着另一个坑，那就是无法传字符串类型的值，而我的type就是字符串，查了日志才发现这个问题。我用data-icon拼接id和type的值，confirmDel()拿到值后在根据逗号（,）分割，就可以做到获取id和type的值，谢谢大家帮忙，感谢！

<button th:data-icon="|${info.id},${info.type}|"
        onclick="confirmDel(this.getAttribute('data-icon'))" >删除3</button>