Javascript 如何创建可单击的数据表行，以及在单击时根据行中的值移动到其他页面

我创建了一个只包含头名称的引导数据表。当我填写表单时，表中的行值将动态出现。现在，当我单击表中的任何一行时，它应该根据该行的id值将我重定向到另一个页面。现在在我的例子中，如果ID=3，Name=Roger，它应该将我重定向到一个显示ID为3，Name为Roger的页面

       <table id="test">
        <thead>
            <tr>
                <th>
                    Name
                </th>
                <th>
                    Age
                </th>
                <th>
                    Game
                </th>
                <th>
                    ID
                </th>
            </tr>
        </thead>
    </table>

这里详细信息是我的控制器名称，索引是我的视图名称。它不是重定向到页面。

---

提前谢谢。

您可以这样做：

 $(document).ready(function() {
    $("tr").not(':first').click(function(){
       let id = $(this).find("td:first").text();
       let name = $(this).find("td:eq(1)").text();
       let newUrl = "http://example.com/view?id=" + id + "&name="  + name;
       location.href= newUrl;
    });
 });

---

你可以这样做：

 $(document).ready(function() {
    $("tr").not(':first').click(function(){
       let id = $(this).find("td:first").text();
       let name = $(this).find("td:eq(1)").text();
       let newUrl = "http://example.com/view?id=" + id + "&name="  + name;
       location.href= newUrl;
    });
 });

---

在

身份证件
名称
年龄
游戏
01
沃尔特·怀特
50
外星人
>   
02
平克曼
23
13日星期五

---

使用js为每一行动态添加自定义URL。

在

身份证件
名称
年龄
游戏
01
沃尔特·怀特
50
外星人
>   
02
平克曼
23
13日星期五

---

使用js为每一行动态添加自定义URL。

如何使该行可单击？在我的表中，我没有tbody，所以我仍然可以将其指定为$（“tbody tr”）？您可以指定td:first和td:eq（1）是什么吗？@neetu当您为行分配eventhandler click（）时，这些行是可单击的。在我的示例中，我认为您会使用tbody，因为您也在使用thead，但我可以根据没有tbody的情况调整我的答案。@neethu td:first是包含id值的单元格，td:eq（1）是包含名称的第二个单元格，根据你的标题，这些是可以获得这些信息的单元格。是的，我没有使用tbody。如何使这些行可单击？在我的表中，我没有tbody，所以我仍然可以将其指定为$（“tbody tr”）？您可以指定td:first和td:eq（1）是什么吗？@neetu当您为行分配eventhandler click（）时，这些行是可单击的。在我的示例中，我认为您会使用tbody，因为您也在使用thead，但我可以根据没有tbody的情况调整我的答案。@neethu td:first是包含id值的单元格，td:eq（1）是包含名称的第二个单元格，根据您的标题，这些单元格中有此信息。是的，我没有使用tbody。您好，你能添加你已经有的代码吗？这将帮助我们更快地回答您的问题，也会给您更多的答案。@Dennis van de Hoef我已经编辑了我的代码嗨，您能添加您已经有的代码吗？这将帮助我们更快地回答您的问题，也会给您更多的答案。@Dennis van de Hoef我已经编辑了我的代码

<table style="width:100%">
  <tr>
    <th>ID</th>
    <th>Name</th>
    <th>Age</th>
    <th>Game</th>
  </tr>
  <tr onclick="document.location='www.url.com/01'" >
    <td>01</td>
    <td>Walter White</td>
    <td>50</td>
    <td>E.T. the Extra-Terrestrial</td>
  </tr>
  <tr onclick="document.location='www.url.com/02'" >>   
    <td>02</td>
    <td>Jesse Pinkman</td>
    <td>23</td>
    <td>Friday the 13th</td>
  </tr>
</table>