当我们点击表格中的每一行时,如何重定向到不同的URL,即点击每个行元素必须重定向到不同的URL?

时间:2018-02-27 06:05:48

标签: javascript jquery html spring-mvc mustache

当我们点击表格中的每一行时,如何重定向到不同的网址,即点击每个行元素必须重定向到不同的网址?

我正在使用Mustache Spring MVC框架,其中来自MOngodb的整个数据被检索到视图页面中的占位符。所以,现在我需要使这个数据单击启用,单击时每个数据行需要重定向到不同的网址

这是我的表

<table>
  <tr>
    <th>Book Name</th>
    <th>Description</th>
  </tr>
  {{#books}}
  <tr>

    <td>{{book_name}}</td>

    <td>{{book_details}}</td>

  </tr>
  {{/books}}
</table>

输出看起来像书籍列表及其描述

现在,当我点击book1时,它应该转到其他URL,当我点击book2时,它必须转到另一个URL,依此类推

2 个答案:

答案 0 :(得分:1)

这必须是一个快速的解决方案

<table>
            <tr>
                <th>Book Name</th>
                <th>Description</th>
            </tr>
            {{#books}}
            <tr>

                <td onclick="window.location='{{book_url}}';>{{book_name}}</a></td>

                <td>{{book_details}}</td>

            </tr>
            {{/books}}
        </table>

答案 1 :(得分:0)

你可以尝试这样的事情。这里的每个网址都会像some_url/book_name

<tr>
   <td>
      <a href="./some_url{{book_name}}">{{book_name}}</a>
   </td>
   <td>{{book_details}}</td>
</tr>