如何使#list中的每一行都可点击

Question

[您好，对不起我的英语，我是freemarker和Js的新手。如何使ID中的#list中的每一行都可点击。因此，单击它后，它将发送给我编辑该ID的表单：

function addRowHandlers() {
     var table = document.getElementById(show);
    var rows = table.getElementsByTagName("tr");
    for (i = 0; i < rows.length; i++) {
        var currentRow = table.rows[i];
        var createClickHandler = function(row) {
            return function() {
                var cell = row.getElementsByTagName("td")[0];
                var id = cell.innerHTML;
                alert("id:" + id);
            };
        };
        currentRow.onclick = createClickHandler(currentRow);
    }
 }

这是我的ftl列表模板：

<table border="1" id="tableId">
    <tr>
        <th>First Name</th>
        <th>Last Name</th>
    </tr>
    <#list users as show>
        <tr>
            <td>${show.firstName!""}</td>
            <td>${show.lastName!""}</td>
        </tr>
    </#list>

我希望单击表单中的行，它将根据每个ID将我发送到编辑页面。但我无法为每一行分配ID谢谢！

Answer 1

例如，您可以通过为每行使用类来做到这一点

<#list users as show>
    <tr>
        <td class="abc">${show.firstName!""}</td>
        <td class="abc">${show.lastName!""}</td>
    </tr>
</#list>
$('.abc').click(function(){});

谢谢

Answer 2

使用href导航到其他页面：

HTML：

<#list users as show>
<tr href="http://google.com">
    <td>${show.firstName!""}</td>
    <td>${show.lastName!""}</td>
</tr>

或带有data-href而不是href的HTML有效版本：

<#list users as show>
<tr data-href="http://google.com">
    <td>${show.firstName!""}</td>
    <td>${show.lastName!""}</td>
</tr>